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: 361,766

Results 121 to 140 of 1,084
18 Jun 2016, 10:10 PM
#121
music_man avatar

music_man

Zen Follower

Join Date:
Apr 2009
Posts:
188
Plugin Contributions:
0

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

dbltoe:

more on wrappers later but here's what you will need to do.
On line 30 of includes/templates/responsive_classic/css/stylesheet.css you will need to remove the #logo call from there. I looks like#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;} #navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}change to ```
[B]/[/B]#logo, [B]/[/B].centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {/* float:left; */}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align:center;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin:0.5em;}

> 
> Then, change line 128 of the same file from```
#logo{margin:10px 0;}
```to```
#logo{margin:10px 0;text-align: center;}

Thanks again "toe"....

I made the changes but it didn't change the look at all.... Even tried 3 different browsers....

I must not be holding my mouth right! :D

18 Jun 2016, 10:17 PM
#122
music_man avatar

music_man

Zen Follower

Join Date:
Apr 2009
Posts:
188
Plugin Contributions:
0

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

dbltoe:

Cascading Style Sheets (CSS) are the modern day way to control the look of a site. Each file for a site will have the extension .css and each will load when the site loads. They control everything from what the text will look like to how the site will print on a printer.
Stylesheets use wrappers to define areas in a site. Wrappers are like boxes, file cabinets, or the folders on your computer. Drive C:/ in windoze is an overall folder. Under it is the desktop, documents, downloads, etc. Each of those "wrappers" contain the contents of the area not unlike a file cabinet has drawers and folders. The headerWrapper contains all the header elements including some other wrappers. navMainWrapper (the "black stripe" at the top of your site), logoWrapper (contains the logo.gif), and navCatTabsWrapper (the "blue stripe" on your site) are the main ones in the headerWrapper.
Each wrapper has items contained in it listed as div (think of it as a folder in a file drawer). Inside the div (in this case the #logo div) we see what is being used for the logo. In your site, it tells us that the image is logo.gif located at includes/templates/template_default/images/logo.gif. It also gives us the alt text and title for the image. BTW, you should copy the logo.gif to the includes/templates/responsive_classic/images folder so you don't lose it later on an upgrade.
The next wrapper after the headerWrapper is the contentMainWrapper which contains all the information for the left and right columns along with the center column contents.
So, everything above the two side columns (Categories and New Products [more]) is part of the headerWrapper.
Google css3 for beginners for some excellent guides and tutorials.
Everything is a learning experience AND opportunity. As they say, "Learning is FUNdamental."

Wow...that was very helpful....Thanks for the 'tut'.... Especially the css3 reference.....and explaining what's in the wrappers was excellent...I was going after some of those areas once I get the header squared away and now I know where to at least start looking.

18 Jun 2016, 10:20 PM
#123
dbltoe avatar

dbltoe

Totally Zenned

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

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

You're learning what NOT to do with stylesheets. ANYTHING that has the .css extension WILL load with the site.
If you want to save an "original" version of the stylesheet, DO NOT save it as sytlesheet_original.css. IT WILL LOAD and mess with your life.
Start making a habit of changing the extension to your initials. stylesheet.jet will not load.
The float you removed in the stylesheet.css is being reloaded by stylesheet_ORIGINAL.css

18 Jun 2016, 10:23 PM
#124
music_man avatar

music_man

Zen Follower

Join Date:
Apr 2009
Posts:
188
Plugin Contributions:
0

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

dbltoe:

You're learning what NOT to do with stylesheets. ANYTHING that has the .css extension WILL load with the site.
If you want to save an "original" version of the stylesheet, DO NOT save it as sytlesheet_original.css. IT WILL LOAD and mess with your life.
Start making a habit of changing the extension to your initials. stylesheet.jet will not load.
The float you removed in the stylesheet.css is being reloaded by stylesheet_ORIGINAL.css

Oh MY! I shot myself in the foot! And I thought I was being smart.... HA....

That did it.....Thanks for the help....

I hope I can beg 1 more question?

How do I get rid of the ads in the footer? I tried eliminating the banner 5 out of the tpl footer file but that didn't seem to do the trick...

18 Jun 2016, 10:27 PM
#125
dbltoe avatar

dbltoe

Totally Zenned

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

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

Backups ARE smart. You just have to be careful how they're done. Stylesheet backups should never have .css. File backups should never have .old or .bak. That's why I use .jet. Won't work well if your name is John Paul Getty:P

18 Jun 2016, 10:41 PM
#126
music_man avatar

music_man

Zen Follower

Join Date:
Apr 2009
Posts:
188
Plugin Contributions:
0

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

dbltoe:

Backups ARE smart. You just have to be careful how they're done. Stylesheet backups should never have .css. File backups should never have .old or .bak. That's why I use .jet. Won't work well if your name is John Paul Getty:P

Heh-heh.... good one...

BTW....I was modifying the post when you wrote this....did you happen to see my question on footer? Sorry to be such a pain but I feel like I'm on a roll now....and you gotta know it's ALWAYS a good thing when you can help out old Santa! :P

18 Jun 2016, 11:09 PM
#127
dbltoe avatar

dbltoe

Totally Zenned

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

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

Messing with stylesheets is one thing but, when you start messing with the PHP code, it generally turns out more "naughty" than "nice." Adjust your banners and sideboxes in the Tools menu of the admin.

18 Jun 2016, 11:20 PM
#128
music_man avatar

music_man

Zen Follower

Join Date:
Apr 2009
Posts:
188
Plugin Contributions:
0

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

dbltoe:

Messing with stylesheets is one thing but, when you start messing with the PHP code, it generally turns out more "naughty" than "nice." Adjust your banners and sideboxes in the Tools menu of the admin.

Yeah....I knew I could turn the footer off in the Tools menu.....didn't realize I could "adjust" banners there too....

Thanks for all your help.... You've been very generous with your knowledge....

21 Jun 2016, 12:55 PM
#129
gruntre69 avatar

gruntre69

Zen Follower

Join Date:
Aug 2005
Location:
Australia
Posts:
103
Plugin Contributions:
0

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

pixelpadre:

Ah.

So your fix wont work because ez pages wont be displayed on the off canvas mobile menu unless ez pages is checked for Header.

Is there anyway to make these show on the mobile phone template without setting them to Header? I want them on mobile but I don't want the header on the full size template. BTW the menu shows on mobile but shows zero entries...

21 Jun 2016, 6:24 PM
#130
dbltoe avatar

dbltoe

Totally Zenned

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

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

gruntre69:

Is there anyway to make these show on the mobile phone template without setting them to Header? I want them on mobile but I don't want the header on the full size template. BTW the menu shows on mobile but shows zero entries...The beauty of responsive is that you can do something different with almost every size and shape.

You can turn the header off in everything but mobiles and tablets and turn it on for only portrait or landscape. You just put the entries in the proper stylesheet.

You'll find that the responsive_tablet and responsive_mobile have both landscape and portrait sections. Be careful not to delete a random } They work around a lot of calls to make the different "looks."

BTW, remember that ezpages will not show up if they do not have a sort order. Common mistake to just turn on the footer or header and forget to give the pages a sort order.

25 Jun 2016, 1:11 PM
#131
augie0041 avatar

augie0041

New Zenner

Join Date:
Jun 2016
Posts:
6
Plugin Contributions:
0

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

How do I move the Featured Products to display at the top of the main page over the content that I edited in define_main_page.php ? I had it this way in my old site: http://harmonyhearsahoot(dot)com/ but on my new test site, I cannot figure it out!
http://gator2015.hostgator(dot)com/~ekmendoza/islandwidespeech/harmony/index.php

25 Jun 2016, 7:24 PM
#132
dbltoe avatar

dbltoe

Totally Zenned

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

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

It's just a matter of rearranging the divs (chapters) of the main page so that featured products (chapter 5?) comes before main content (chapter 1).:P
I'm not sure your decision(s) is going to work well for you BUT here is not the place to discuss. If you post in the review section, we can continue the discussion.

26 Jun 2016, 12:00 AM
#133
augie0041 avatar

augie0041

New Zenner

Join Date:
Jun 2016
Posts:
6
Plugin Contributions:
0

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

dbltoe:

It's just a matter of rearranging the divs (chapters) of the main page so that featured products (chapter 5?) comes before main content (chapter 1).
Hi, and thanks for your reply. Which file can I find these chapters to rearrange?

26 Jun 2016, 4:40 AM
#134
dbltoe avatar

dbltoe

Totally Zenned

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

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

includes/templates/responsive_classic/templates/tpl_index_product_list.php

26 Jun 2016, 6:50 PM
#135
augie0041 avatar

augie0041

New Zenner

Join Date:
Jun 2016
Posts:
6
Plugin Contributions:
0

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

dbltoe:

includes/templates/responsive_classic/templates/tpl_index_product_list.php

Thanks, this worked nicely!
I have another question now. How do I edit the items listed in the menu drop down when viewing the mobile version of the site? For example, I want to remove the 'Important Links' option and possibly display the a subcategory instead of the top-level category.
Attachment 16454
Thanks in advance!

26 Jun 2016, 9:48 PM
#136
drbyte avatar

drbyte

Sensei

Join Date:
Jan 2004
Posts:
63,513
Plugin Contributions:
177

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

augie0041:

How do I edit the items listed in the menu drop down when viewing the mobile version of the site? For example, I want to remove the 'Important Links' option and possibly display the a subcategory instead of the top-level category.
/includes/templates/YOUR_CUSTOM_responsive_classic_FOLDERNAME/templates/tpl_modules_mobile_menu.php

27 Jun 2016, 7:59 AM
#137
aurelius avatar

aurelius

New Zenner

Join Date:
Sep 2005
Posts:
6
Plugin Contributions:
0

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

How to get language (and currencies) selection in header of mobile version (and desktop) ?
i have Responsive Classic (built in to Zen Cart v1.5.5a) installed and have a multi language sidebox in the desktopversion.
But on the mobileversion i dont have the multi language selection.
In my layout boxes controller are the files header_language and header_currencies missing.
i find an old plugin from 2006, Language/Currency Links in Header, https://www.zen-cart.com/downloads.php?do=file&id=30
Can i use this plugin (and will it work for mobile) or is there a better way to get multilanguage on my mobile version?

this is my site: http://www.xcellentrider.com/site-xcellentpro/

thanks for your help.

27 Jun 2016, 2:23 PM
#138
augie0041 avatar

augie0041

New Zenner

Join Date:
Jun 2016
Posts:
6
Plugin Contributions:
0

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

DrByte:

/includes/templates/YOUR_CUSTOM_responsive_classic_FOLDERNAME/templates/tpl_modules_mobile_menu.php

Hi DrByte, thanks for pointing me toward that page. It is pretty intense and I'm not sure what I should change in order to remove the 'Important Links' option, maybe change "New Products..." to "Featured Products", and remove the categories option (since I only have one category).

27 Jun 2016, 9:47 PM
#139
augie0041 avatar

augie0041

New Zenner

Join Date:
Jun 2016
Posts:
6
Plugin Contributions:
0

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

augie0041:

Hi DrByte, thanks for pointing me toward that page. It is pretty intense and I'm not sure what I should change in order to remove the 'Important Links' option, maybe change "New Products..." to "Featured Products", and remove the categories option (since I only have one category).

Actually, I figured it out. (If anyone's curious) The "New Products" option disappeared when i changed the Categories Box - Show Products New Link in Admin>Layout Settings. then I was able to remove the "Additional Information" options by commenting out lines 88 - 122 in the tpl_modules_mobile_menu.php file.
thanks again!

28 Jun 2016, 11:38 AM
#140
enzo_ita avatar

enzo_ita

Zen Follower

Join Date:
Jul 2009
Posts:
402
Plugin Contributions:
0

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

Hi,
I have noticed that the expages titles in the table content would run outside the frame if the title is as long as it is allowed by the ezpages creation mdule.
This happens with smartphone and tablet.
The gray frame would stretch but not the text.
A fix to this would be welcome.
Thanks
enzo