Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Sticky

Views: 362,661

Results 61 to 80 of 1,106
15 May 2016, 6:34 PM
#61
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Not quite working that way. It seems to still be controlled around line 448 of the responsive mobile. In addition to your suggestions, removing the width and changing the float to right in the following helped/*bof checkout*/ #checkoutPayment .forward, #checkoutShipping .forward{float:none;width:95%;}to/*bof checkout*/ #checkoutPayment .forward, #checkoutShipping .forward{float:right;}then it is still controlled by the width in```
fieldset input[type=date], fieldset textarea, fieldset div, fieldset .inputLabel{width:90% !important;margin:0 0 0 20px !important;padding:0;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

15 May 2016, 6:52 PM
#62
albi1kenoby avatar

albi1kenoby

New Zenner

Join Date:
Feb 2016
Location:
France
Posts:
14
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Hi Rbarbour, Thank you for you reply, First the site address is https://www.brocante-de-france.com/index.php?main_page=index&language=en
At the moment I have used a table to create the layout seen directly in the admin/define pages/main_page_php as below

<table style="width:100%"> <tr> <td><h1>Brocante de France</h1> <p>Our aim is to offer you a fabulous range of products to help you create the home of your dreams, from hand tools for the DIY work, to antique and hand crafted lighting.</p> <p>Our range of products are both domestic and proffessional quality, manufactured in europe, and known world wide for their quality. Use coupon code<strong>welcome</strong> to receive a 10% discount off your first purchase.</p></td> </tr> <tr> <td><h1>Kitchen</h1> <p>kitchen utensils, pots and pans, and cooking accessories from major europeen manufacturers, for the home, outdoor and camping</p<></td> <td><h1>Knives</h1> <p>Knives for cooking, eating, gardening and outdoor activities, all selected for their robustness and practicalities</p></td> </tr> <tr> <td><h1>home decoration</h1> <p>A superb selection of designer fabrics to decorate your home, and a range of hand made lampshades made from modern and antique fabrics</p></td> <td><h1>Hand tools</h1> <p>For the discerning home craftsman and builder, a range of high qaulity tools, for woodworking,engerneering, plumbing and electrical instalation </p></td> </tr> <tr> <td><h1>Brocante</h1> <p>Here is our passion, the search for both antique and vintage treasures for creating that detailed finish, modern products cannot provide. Antique and vintage lighting, ornaments, paintings and fabrics from the victorians to the roaring seventies. </p></td> </tr> </table> But this is not controlable with css, I would prefer to use the following; <div id="divone"> <h1>Brocante de France</h1> <p>Our aim is to offer you a fabulous range of products to help you create the home of your dreams, from hand tools for the DIY work, to antique and hand crafted lighting.</p> <p>Our range of products are both domestic and proffessional quality,</p> </div> <div id="divtwo"> <h1>Kitchen</h1> <p>kitchen utensils, pots and pans, and cooking accessories</p<> </div> <div id="divthree"> <h1>Knives</h1> <p>Knives for cooking, eating, gardening and outdoor activities,</p> </div> <div id="divfour"> <h1>Home decoration</h1> <p>fabrics and hand made lampshades,</p> <div id="divfive"> <h1>Hand tools</h1> <p>hand tools for the DIY work</p> <div id="divsix"> <h1>Brocante</h1> <p>a selection of antique and vintage accessories to finish you home.</p> </div> with the following css style written to the css stylesheet <style> #divone {background-color:#cc00cc;color:#ffffff;text-align:center;padding:5px;} #section1 {background-color:#cc00cc;height:300px;width:350px;float:left;padding:5px;} #section2 {height:300px;width:350px;float:right;padding:5px;} #section3 {height:300px;width:350px;float:left;padding:5px;} #section1 {background-color:#cc00cc;height:300px;width:350px;float:right;padding:5px;} #footer {background-color:black;color:white;clear:both;text-align:center;padding:5px;} </style> but this is when it all goes wrong Hope this helps you to find out where i am going wrong fantastic work from all of you Regards Paul
15 May 2016, 7:14 PM
#63
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

albi1kenoby:

Hi Rbarbour, Thank you for you reply, First the site address is https://www.brocante-de-france.com/index.php?main_page=index&language=en
At the moment I have used a table to create the layout seen directly in the admin/define pages/main_page_php as below

but this is when it all goes wrong
Hope this helps you to find out where i am going wrong
fantastic work from all of you
Regards
Paul

Paul

try clearing your cache, I'm not seeing any layout issues.

15 May 2016, 8:30 PM
#64
albi1kenoby avatar

albi1kenoby

New Zenner

Join Date:
Feb 2016
Location:
France
Posts:
14
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

rbarbour:

Paul

try clearing your cache, I'm not seeing any layout issues.

Thanks RB, when you looked last the layout was with a table, now it is set out with the "div" style and css styling, which is my aim, allowing me to control each of the six divs with css for color font and background and size, but the lay out is lik this:https://www.brocante-de-france.com/index.php?main_page=index&language=en
I want to add a screen shot but i dont know how!
Can I send you a private message with the html code that i am using?
regards
Paul

15 May 2016, 8:58 PM
#65
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

albi1kenoby:

Thanks RB, when you looked last the layout was with a table, now it is set out with the "div" style and css styling, which is my aim, allowing me to control each of the six divs with css for color font and background and size, but the lay out is lik this:https://www.brocante-de-france.com/index.php?main_page=index&language=en
I want to add a screen shot but i dont know how!
Can I send you a private message with the html code that i am using?
regards
Paul

With define pages you do not need to add body tags

you should move your css to index_home.css

<div id="indexDefaultMainContent" class="content">**<body><-Remove** <div id="divone"> <h1>Brocante de France</h1> <p>Our aim is to offer you a fabulous range of products to help you create the home of your dreams, from hand tools for the DIY work, to antique and hand crafted lighting.</p> <p>Our range of products are both domestic and proffessional quality,</p> </div> <div id="divtwo"> <h1>Kitchen</h1> <p>kitchen utensils, pots and pans, and cooking accessories</p**<**<-Remove> </div> <div id="divthree"> <h1>Knives</h1> <p>Knives for cooking, eating, gardening and outdoor activities,</p> </div> <div id="divfour"> <h1>Home decoration</h1> <p>fabrics and hand made lampshades,</p> **</div>**<-Add <div id="divfive"> <h1>Hand tools</h1> <p>hand tools for the DIY work</p> **</div>**<-Add <div id="divsix"> <h1>Brocante</h1> <p>a selection of antique and vintage accessories to finish you home.</p> </div>

</body><-Remove

</div> <style> #divone {background-color:#cc00cc;color:#ffffff;text-align:center;padding:5px;width:100%;} #divtwo {background-color:#cc00cc;color:#ffffff;height:300px;width:50%;float:left;padding:5px;} #divthree {height:300px;width:50%;float:right;padding:5px;} #divfour {height:300px;width:50%;float:left;padding:5px;} #divfive {background-color:#cc00cc;height:300px;width:50%;float:right;padding:5px;} #divsix{background-color:black;color:white;text-align:center;padding:5px;width:100%} </style>
15 May 2016, 9:17 PM
#66
albi1kenoby avatar

albi1kenoby

New Zenner

Join Date:
Feb 2016
Location:
France
Posts:
14
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Dear rbarbour,
Thank you so much for your in depth reply, I can see all my mistakes now!!!
i will put this right tomorrow and get back to you with an update, i will now be a ble to have the most important page of the site looking how i want it to, and easily updatable by remote css.
Thank you again for your hard work, I will be making a donation to buy you a bun
King regards
Paul

15 May 2016, 9:26 PM
#67
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

albi1kenoby:

Dear rbarbour,
Thank you so much for your in depth reply, I can see all my mistakes now!!!
i will put this right tomorrow and get back to you with an update, i will now be a ble to have the most important page of the site looking how i want it to, and easily updatable by remote css.
Thank you again for your hard work, I will be making a donation to buy you a bun
King regards
Paul

Thank you, glad I could help!

15 May 2016, 10:23 PM
#68
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

dbltoe:

Not quite working that way. It seems to still be controlled around line 448 of the responsive mobile....Wentr back and reviewed the changes suggested in post above. It did not work until we removed the width:85% !important call around Line 212 for the fieldset.
Of course, that would munge the ENTIRE world.
:frusty:

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

16 May 2016, 5:34 PM
#69
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,843
Plugin Contributions:
17

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Haredo has turned on the site. No longer at haredoDOTcom/155a_test. Now at haredo.com. Still with alignment problem in mobile portrait with checkout.
Suggestions?

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

16 May 2016, 8:16 PM
#70
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

haredo:

.css Issue with 155a in portrait views with cell phones

Android Portrait view and iphones portrait views. When checking out of the shopping cart the shipping option are way out of line and also the checkout total on the next page the spacing is wacked ...
Any ideas?????
www . haredo dot com/155a_test

ok, here goes

in:

includes/templates/responsive_classic/css/responsive_mobile.css

after line 77 ADD

/*ZCA*/
#checkoutShipping fieldset .important.forward { float: right; width:20%!important; }
/*ZCA*/

before the ORIENTATION:LANDSCAPE & ORIENTATION:PORTRAIT closing bracket

ADD

/*ZCA*/
.totalBox { float:right; width:15%!important; }
.lineTitle {  float:right; width:55%!important; }
/*ZCA*/

this is the easiest way without changing padding and margins which will mess something else up I'm sure.

16 May 2016, 10:50 PM
#71
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Ray,
Thanks for your time ...
Had to tweak a few settings to make adjustments, but that was the FIX ...

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

16 May 2016, 10:53 PM
#72
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

haredo:

Ray,
Thanks for your time ...
Had to tweak a few settings to make adjustments, but that was the FIX ...

No problem,

Glad I could help!

22 May 2016, 10:56 PM
#73
nutbugs avatar

nutbugs

New Zenner

Join Date:
Nov 2014
Location:
New Zealand
Posts:
9
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

pixelpadre:

I love zen cart.......with the new responsive theme. Finally....

Hey, my ez pages are set to left column only. On my droid they will not appear. But if I set the ez pages to header, they will appear on the android. I really dont want another navigation bar in the header. Is there a work around?

Hi pixelpadre

Did you manage to resolve this issue? I am seeing the same problem here - I do not want the ezpages added as header on the desktop site - but I am not seeing any links in the offcanvas menu.
Seems to me that the linksList variable needs to be populated from the EZpages sidebox setting rather than the Header setting - but the coding to make that work is a little beyond me!

In \includes\templates\your_responsive\templates\tpl_modules_mobile_menu.tpl
I tried changing include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));
to include(DIR_WS_MODULES . zen_get_module_directory('ezpages.php'));

Which is what populates the sidebox - but that uses the footer settings now as I guess that is the first file match it finds in the modules directory.

How do I include a sidebox php file? Or otherwise get the list of sidebox enabled EZpages?

23 May 2016, 12:59 AM
#74
nutbugs avatar

nutbugs

New Zenner

Join Date:
Nov 2014
Location:
New Zealand
Posts:
9
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Update on the Mobile EZpages menu list.

I seem to have this working for me now.

I ended up copying the database query and link creation code from
\includes\modules\sideboxes\ezpages.php

into
\includes\templates\your_responsive\templates\tpl_modules_mobile_menu.tpl

in place of the line
(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php'));

This now displays links in the off canvas menu EZpages section for links that have been enabled for sidebox display.

Probably not the ideal way to achieve this - but it's working for me :)
Happy to be advised of a better way to achieve this.

23 May 2016, 1:52 AM
#75
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

My Work around was making sure you have a sort order number in the Header of the ezpages for each page (make sure you turn it ON) ...
Make sure in admin panel/ layout settings/ **Categories-Tabs Menu ON/OFF/ set to 0
includes/ templates/ responsive_classic/ css/ responsive_default.css/ line 52 add/ div#ezpages {}

**

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

23 May 2016, 2:37 AM
#76
nutbugs avatar

nutbugs

New Zenner

Join Date:
Nov 2014
Location:
New Zealand
Posts:
9
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

haredo:

My Work around was making sure you have a sort order number in the Header of the ezpages for each page (make sure you turn it ON) ...
Make sure in admin panel/ layout settings/ **Categories-Tabs Menu ON/OFF/ set to 0
includes/ templates/ responsive_classic/ css/ responsive_default.css/ line 52 add/ div#ezpages {}

**

Hmm - Does that not still display the ezpages links in your desktop header though?
I do not want that.

23 May 2016, 6:34 AM
#77
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

I forgot to write this with my instruction ... OOPS ...
stylesheet.css

#navCatTabsWrapper {display:none;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

23 May 2016, 8:57 PM
#78
nutbugs avatar

nutbugs

New Zenner

Join Date:
Nov 2014
Location:
New Zealand
Posts:
9
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Thanks @haredo
That makes sense :)

28 May 2016, 6:06 AM
#79
martynbaker52 avatar

martynbaker52

New Zenner

Join Date:
Apr 2012
Posts:
25
Plugin Contributions:
0

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

Hi all,

I've asked my freelancer (via UpWork) to update my site to 155a and to update my site to the "out of the box" responsive template. He advised there were "major issues". Is this correct or is he making this up?

Also does anyone want to share there zencart sites so that I can see what the live site looks like with the new template.

Cheers
Martyn
Low Sodium Foods
https://www.lowsodiumfoods.com.au

28 May 2016, 2:43 PM
#80
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

martynbaker52:

Hi all,

I've asked my freelancer (via UpWork) to update my site to 155a and to update my site to the "out of the box" responsive template. He advised there were "major issues". Is this correct or is he making this up?

Also does anyone want to share there zencart sites so that I can see what the live site looks like with the new template.

Cheers
Martyn
Low Sodium Foods
https://www.lowsodiumfoods.com.au

I'd love to hear what the "major issues" are. LOL