Page 1 of 6 123 ... LastLast
Results 1 to 10 of 52
  1. #1
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Support Thread - Responsive Color Changes for 155

    This is the establishment of a support page for add-on/modification Responsive Color Changes for 155.

    The add-on/modification is the result of tweaking six of the existing stylesheets and changing the stylesheet_colors.css to make changing colors far easier.

    Background:
    • Consolidation of colors for version 1.5.5 may have gone a little too far as it did the final consolidation by color rather than area or wrapper. While the consolidation is NOT incorrect, it does cause some difficulties when changing colors. For example, a color change for the header will also affect a sidebox heading and a particular hover. A lot of stylesheet changing is needed to separate out the backgrounds from the fonts and the hovers. This add-on/modification provides a solution for that and more.
    • We added rgba color styling to add opacity to the colors. This softens contrast and provides for some nice effects in modern browsers while still providing basic colors for the older browsers.
    • When the stylesheets were revamped, we found several instances of call repetition and overuse. Some resulted in a few pages not working well on some mobile devices. Those adjustments are included in these files.


    Support:
    • This thread is meant to provide support as it pertains to specific methods used to adapt colors to Zen Cart.
    • It is NOT intended to be used to teach CSS and stylesheets. Google "CSS3 for beginners" for some great tutorials. W3C is good.
    • It is NOT intended to be a discussion base for "this looks better than yours" discussions. The beauty of open source is that you can change what you want to when you want to without having to ask permission.
    • We hope it IS used to help your site become a better representation of your business.


    Kudos:
    • Thanks to rbarbour for bringing support for responsive templates to Zen Cart.
    • Thanks to picaflor-azul for all her work leading up to the responsive_classic template used in Zen Cart 1.5.5.
    • Thanks to haredo for sitting in the office with me for four weeks while we worked this out. We both learned a lot!


    Additional Info:
    • Until it is published in the Plugins Section, this add-on/modification will be showcased and available for download at our test site.
    • The test site is a standard installation of Zen Cart with the Responsive Color Changes for 155 and also includes the demo items as well.


    NOTE: It does not help the forum if an answer is given in a PM. Keep the discussions here in this thread and we will answer in this thread.

  2. #2
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Re: Support Thread - Responsive Color Changes for 155

    The Plugin is now available at https://www.zen-cart.com/downloads.php?do=file&id=2088. Please provide any feedback good or bad.
    THANX

  3. #3
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    6,980
    Plugin Contributions
    63

    Default Re: Support Thread - Responsive Color Changes for 155

    This plugin is now part of my standard upgrade toolkit! Splitting out the coloring, which is the biggest challenge in a site's conversion to the responsive_classic template, makes an upgrade (or install) and conversion to that template with site-specific coloring much easier.

  4. #4
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Re: Support Thread - Responsive Color Changes for 155

    Thanks for the flowers. The first thing we do after changing colors is use the clone template mod. Thanks for that.

  5. #5
    Join Date
    Aug 2005
    Location
    San Juan, Puerto Rico
    Posts
    1,416
    Plugin Contributions
    9

    Default Re: Support Thread - Responsive Color Changes for 155

    Hello dbltoe,

    Thanks for this wonderful work...

    Playing with it today after uploading the files (without any changes) the product details (model #, weight, etc.) won't show up, and I can see that even on your sample page they are not showing up.

    I believe the culprit line is 515 (stylesheet.css) where you have:
    Code:
    #pinfo-right {display:none;}
    That line is substituting previous line 350:
    Code:
    #pinfo-right{float:right;width:55%;padding:20px 0 0 0;}
    Also if the description doesn't align properly I suggest people to pay attention to line 354
    Code:
    #productDescription{float:right;width:70%;padding:20px 0 0 0;}
    which is making the description go to right and make the review buttons to come up to the left of description.
    IDEAS Girl
    IDEAS Creative Group
    = Your image... our business!
    My contributions: SophyBlue / Sophy Blue-Grey / Mistik / The Bookshelf / Dynamic Sideboxes

  6. #6
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Re: Support Thread - Responsive Color Changes for 155

    Looks like one of the fixes for a separate site got included in the mod submission.

    Try inserting a line after #pinfo-left (around 348-350) with a small change
    #pinfo-right{float:right;width:70%;padding:20px 0 0 0;}
    and deleting the line calling for the display:none of #pinfo-right (around line 515). This will return the listing and align it as a box to the width of the product description.

    We also make a slight change to the line (around 354) adding a justified text for a cleaner look.
    #productDescription{text-align:justify;float:right;width:70%;padding:20px 0 0 0;}
    Definitely not a required look but, WAY more pleasing to the eye than the centered text you see so much of these days.

    I will post the changes later this evening.
    THANX

  7. #7
    Join Date
    Aug 2005
    Location
    San Juan, Puerto Rico
    Posts
    1,416
    Plugin Contributions
    9

    Default Re: Support Thread - Responsive Color Changes for 155

    I already did the changes as I mentioned and for #productDescription just left the justification and padding.

    I tried your suggestion and continues miss-aligning the product description, so for now I commented it out.

    ------
    Also the EZPages menu disappears from the header. You have it display:none as well. You should also fix that.
    Last edited by ideasgirl; 17 Oct 2016 at 11:58 PM. Reason: spelling
    IDEAS Girl
    IDEAS Creative Group
    = Your image... our business!
    My contributions: SophyBlue / Sophy Blue-Grey / Mistik / The Bookshelf / Dynamic Sideboxes

  8. #8
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    6,343
    Plugin Contributions
    8

    Default Re: Support Thread - Responsive Color Changes for 155

    Found several instances where the stylesheet was modified for a specific site. Tried to keep them separate but %)# happens. Curious to see what's different between netzencommerce.com and your site. Can you provide a link? PM if needed or just post stylesheet.css you are using.
    THANX

  9. #9
    Join Date
    Aug 2005
    Location
    San Juan, Puerto Rico
    Posts
    1,416
    Plugin Contributions
    9

    Default Re: Support Thread - Responsive Color Changes for 155

    Sure, my sandbox is ideascg.com/sandbox

    <<Let me know when you have seen it because I will be working on a new template coloring and I will need to switch>>
    Last edited by ideasgirl; 18 Oct 2016 at 01:57 PM. Reason: Add info
    IDEAS Girl
    IDEAS Creative Group
    = Your image... our business!
    My contributions: SophyBlue / Sophy Blue-Grey / Mistik / The Bookshelf / Dynamic Sideboxes

  10. #10
    Join Date
    Aug 2005
    Location
    San Juan, Puerto Rico
    Posts
    1,416
    Plugin Contributions
    9

    Default Re: Support Thread - Responsive Color Changes for 155

    Also mobile and tablet files need to be revise since logo is not showing on those devices.
    IDEAS Girl
    IDEAS Creative Group
    = Your image... our business!
    My contributions: SophyBlue / Sophy Blue-Grey / Mistik / The Bookshelf / Dynamic Sideboxes

 

 
Page 1 of 6 123 ... LastLast

Similar Threads

  1. v155 Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
    By picaflor-azul in forum Templates, Stylesheets, Page Layout
    Replies: 435
    Last Post: 27 Nov 2017, 02:14 PM
  2. v151 Tableau Responsive Theme - Support Thread
    By numinix in forum Addon Templates
    Replies: 589
    Last Post: 24 Nov 2017, 02:32 AM
  3. Autoresponder+ for ZC v1.3.x [support thread]
    By Steven300 in forum All Other Contributions/Addons
    Replies: 229
    Last Post: 28 Jun 2017, 12:32 AM
  4. v155 Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]
    By picaflor-azul in forum Addon Templates
    Replies: 0
    Last Post: 17 Mar 2016, 12:30 AM
  5. v154 Order Steps Responsive [Support Thread]
    By davewest in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 5 Jul 2015, 06:11 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR