Page 1 of 23 12311 ... LastLast
Results 1 to 10 of 1072

Hybrid View

  1. #1
    Join Date
    Jul 2009
    Location
    picaflor-azul.com
    Posts
    6,930
    Plugin Contributions
    45

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

    This is a support thread for the Responsive Classic template built-in to Zen Cart v1.5.5

    Anne

  2. #2
    Join Date
    Nov 2007
    Location
    USA
    Posts
    870
    Plugin Contributions
    5

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

    HI Anne:

    I really like the 155 Responsive Classic template because I use the Winchester Responsive on another site for now until it is upgraded to 155.

    Aside from customizing colors I have a couple requests.

    I would like to streamline the Header and Search side box to match the Winchester, including the Cart Total on both the mobile and desktop templates.

    For the mobile, I will just use the Header Search.

    See the attached pics. Where would I find the code and can I simply copy/paste from the Winchester code?

    I would also like to use css buttons on the mobile side because the buttons are too small to read.

    Which choice do I use to prevent a double search box on the mobile. Thanks!
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Screen Shot 2016-03-19 at 14.50.07.png 
Views:	322 
Size:	13.4 KB 
ID:	16126   Click image for larger version. 

Name:	Screen Shot 2016-03-19 at 14.50.52.png 
Views:	275 
Size:	11.5 KB 
ID:	16127   Click image for larger version. 

Name:	IMG_3009.jpg 
Views:	376 
Size:	28.1 KB 
ID:	16128  

    Cheers!
    v158A & 2.0+

  3. #3
    Join Date
    Feb 2010
    Location
    New South Wales, Australia
    Posts
    228
    Plugin Contributions
    0

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

    If I add sideboxes how do I get them to change in the mobile version like the standard ones do?

  4. #4
    Join Date
    Feb 2010
    Location
    Syracuse, NY
    Posts
    2,159
    Plugin Contributions
    17

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

    The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.

    Open these 3 files:
    /includes/templates/responsive_classic/css/responsive_default.css
    /includes/templates/responsive_classic/css/responsive_mobile.css
    /includes/templates/responsive_classic/css/responsive_tablet.css

    The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.

    The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected

    Each file will have code that starts with:
    Code:
    /*bof side-boxes*/
    /* ADD { display:none;visibility:hidden; } to Hide Side-Box */
    /* LEAVE BLANK {  } to Show Side-Box */
    Take a look at the CSS and how the stock side-boxes are handled.

    Quote Originally Posted by robbie269 View Post
    If I add sideboxes how do I get them to change in the mobile version like the standard ones do?
    Website - Github. Like the ZCA Bootstrap 4 Template? Donations Welcome. Bootstrap Plugins?

  5. #5
    Join Date
    Feb 2010
    Location
    New South Wales, Australia
    Posts
    228
    Plugin Contributions
    0

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

    Thank you. Worked perfectly! Simple when you know where to look...

    Quote Originally Posted by rbarbour View Post
    The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.

    Open these 3 files:
    /includes/templates/responsive_classic/css/responsive_default.css
    /includes/templates/responsive_classic/css/responsive_mobile.css
    /includes/templates/responsive_classic/css/responsive_tablet.css

    The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.

    The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected

    Each file will have code that starts with:
    Code:
    /*bof side-boxes*/
    /* ADD { display:none;visibility:hidden; } to Hide Side-Box */
    /* LEAVE BLANK {  } to Show Side-Box */
    Take a look at the CSS and how the stock side-boxes are handled.

  6. #6
    Join Date
    Feb 2006
    Location
    NM
    Posts
    750
    Plugin Contributions
    1

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

    Just installed 1.5.5 and trying to work the style sheet for responsive classic. I just need the logo to center. Spent all afternoon with trial and error and no luck. Any insights appreciated. Edited this to reflect some fixes i found but still the logo needs centering.
    Last edited by athena; 24 Mar 2016 at 07:33 PM.

  7. #7
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    12,401
    Plugin Contributions
    87

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

    Issue: State Dropdown not displaying properly

    Solution: See this (https://www.zen-cart.com/showthread....s-other-fields) posting, with solution provided.

  8. #8
    Join Date
    Aug 2005
    Posts
    334
    Plugin Contributions
    0

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

    Hello group!

    I could figure out how to use "Inspect" tool on Computer Browser and find what line to adjust on stylesheet_colors_split.css file.
    So this makes it good only on PC's.

    Please suggest what tools or techniques to use in order to find which line to modify in responsive_mobile.css and responsive_tablet.css ?

    Thank you in advance.

  9. #9
    Join Date
    Jun 2008
    Posts
    627
    Plugin Contributions
    0

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

    Quote Originally Posted by rbarbour View Post
    The side-boxes for specific devices in v1.5.5 Responsive Classic are controlled by CSS.

    Open these 3 files:
    /includes/templates/responsive_classic/css/responsive_default.css
    /includes/templates/responsive_classic/css/responsive_mobile.css
    /includes/templates/responsive_classic/css/responsive_tablet.css

    The responsive_default.css file manipulates the side-boxes for all devices if a UA (User-Agent) is not detected.

    The responsive_mobile.css & responsive_tablet.css files manipulates the side-boxes for specific devices if a UA (User-Agent) is detected

    Each file will have code that starts with:
    Code:
    /*bof side-boxes*/
    /* ADD { display:none;visibility:hidden; } to Hide Side-Box */
    /* LEAVE BLANK {  } to Show Side-Box */
    Take a look at the CSS and how the stock side-boxes are handled.
    Hi

    I have tried this method in order to get the categories sidebox to display in mobile view. In desktop responsive view it works but it's not working in mobile view. Firebug shows me for the #categories sidebox there's an inline style with display: none; visibility: hidden;.

    Code:
    <div style="display: none; visibility: hidden;" id="categories" class="leftBoxContainer">

    Am I missing something?

    thanks

  10. #10
    Join Date
    Feb 2010
    Location
    Syracuse, NY
    Posts
    2,159
    Plugin Contributions
    17

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

    To maximize user experience on mobile devices, jQuery was added to hide all side-boxes regardless of CSS.

    open:
    /includes/templates/responsive_classic/jscript/jscript_responsive_framework.php

    should be line 37:
    Code:
    $('#categories').css({ 'display': 'none', 'visibility': 'hidden' });
    change to:
    Code:
    $('#categories').css({  });
    Quote Originally Posted by buildingblocks View Post
    Hi

    I have tried this method in order to get the categories sidebox to display in mobile view. In desktop responsive view it works but it's not working in mobile view. Firebug shows me for the #categories sidebox there's an inline style with display: none; visibility: hidden;.

    Code:
    <div style="display: none; visibility: hidden;" id="categories" class="leftBoxContainer">

    Am I missing something?

    thanks
    Website - Github. Like the ZCA Bootstrap 4 Template? Donations Welcome. Bootstrap Plugins?

 

 
Page 1 of 23 12311 ... LastLast

Similar Threads

  1. v155 Support Thread - Responsive Color Changes for 155
    By dbltoe in forum Templates, Stylesheets, Page Layout
    Replies: 99
    Last Post: 1 Oct 2021, 12:31 PM
  2. v151 Tableau Responsive Theme - Support Thread
    By numinix in forum Addon Templates
    Replies: 622
    Last Post: 19 Apr 2020, 11:11 PM
  3. 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
  4. v154 Order Steps Responsive [Support Thread]
    By davewest in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 5 Jul 2015, 06:11 PM
  5. Bentley Classic Template Support Thread
    By picaflor-azul in forum Addon Templates
    Replies: 173
    Last Post: 17 Sep 2013, 08:25 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