Page 2 of 152 FirstFirst 12341252102 ... LastLast
Results 11 to 20 of 1511
  1. #11
    Join Date
    Dec 2004
    Posts
    1,031
    Plugin Contributions
    0

    Default Re: Responsive Sheffield Blue V 2.0!

    Looking a bit at the differences from 1.1 to 2.0. There are some issues with going from full screen to reduced width. Just before it jumps to the full fluid width, it screws up the menu item Contact us over the search box. Also it is kind of odd that when you make the window more narrow, that it jumps to a wider width. Layout jumping around. Could this be adjusted that when the switch happens it switches up/down to the same width?

    Another difference where I can't find my way around is at full width display where you see the background with the menu and side box heading decorations, where is the overlap set in the CSS? Used to be .leftBoxHeading margin. How is it done now? I think I would like to remove the decorations and overhang in the menu and sideboxes. Kind of strip it down a bit.
    Live and learn... the Zen way.

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

    Default Re: Responsive Sheffield Blue V 2.0!

    Quote Originally Posted by mydanilo View Post
    Looking a bit at the differences from 1.1 to 2.0. There are some issues with going from full screen to reduced width. Just before it jumps to the full fluid width, it screws up the menu item Contact us over the search box. Also it is kind of odd that when you make the window more narrow, that it jumps to a wider width. Layout jumping around. Could this be adjusted that when the switch happens it switches up/down to the same width?

    Another difference where I can't find my way around is at full width display where you see the background with the menu and side box heading decorations, where is the overlap set in the CSS? Used to be .leftBoxHeading margin. How is it done now? I think I would like to remove the decorations and overhang in the menu and sideboxes. Kind of strip it down a bit.
    This is not an issue. The new version uses php mobile detect to serve up the correct layout. You will not see it by making your browser window smaller. You can view on your actual devices or use these urls with an online emulator like http://troy.labs.daum.net/



    http://zenlyzen.com/mobile-friendly-..._mode=isMobile

    http://zenlyzen.com/mobile-friendly-..._mode=isTablet

    http://zenlyzen.com/mobile-friendly-...mode=isDesktop



    Thanks,

    Anne

  3. #13
    Join Date
    Dec 2004
    Posts
    1,031
    Plugin Contributions
    0

    Default Re: Responsive Sheffield Blue V 2.0!

    Yes, I see what you are saying. The issue as I described only happens if one resizes the browser window to something smaller or bigger. But still, could this be adjusted so it does not jump bigger suddenly when it switches?

    How about the other thing? Where is the overlap set in the CSS? Used to be .leftBoxHeading margin. How is it done now?
    Live and learn... the Zen way.

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

    Default Re: Responsive Sheffield Blue V 2.0!

    Quote Originally Posted by mydanilo View Post
    Yes, I see what you are saying. The issue as I described only happens if one resizes the browser window to something smaller or bigger. But still, could this be adjusted so it does not jump bigger suddenly when it switches?

    How about the other thing? Where is the overlap set in the CSS? Used to be .leftBoxHeading margin. How is it done now?
    I think that I set the width to 1600pixels wide for it to move to full screen. You can change this to your liking in the responsive_default.css

    All of the background images for the ribbons have been removed in favor of pure css. You can use your chrome and the web developer tools to take a closer look at the code that makes the ribbons.

    Thanks,

    Anne

  5. #15
    Join Date
    Oct 2007
    Location
    Emporia, Kansas
    Posts
    1,762
    Plugin Contributions
    0

    Default Re: Responsive Sheffield Blue V 2.0!

    Quote Originally Posted by picaflor-azul View Post
    I just submitted a completely new, updated version of the template package. The template has been updated to use the latest version of the DIY Template Default by rbarbour. Special thanks to him for putting together the framework for this responsive package. This latest version uses the advanced PHP Mobile Detect Script to serve up the optimized layout based on device. Also, thanks to DivaVocals for the AddtoAny zen cart plugin. Please see the readme.html file for a full list of credits for the package.

    See the new live demo here:

    http://zenlyzen.com/mobile-friendly-...sheffield_blue

    Attachment 15266

    Features:

    * Flexible design perfect for any type of ecommerce store

    * Fully compliant with Google's Mobile Friendly rules

    * Super easy 3 step install!

    * Responsive 2 or 3 column display--single column home page layout

    * Optimized Drop Down Navigation for hand held devices

    * Font Awesome CSS icons

    * CSS Buttons

    * Responsive Home Page slideshow

    * Responsive Mega Menu

    * Add your slide show images and home page banners, set their links, enable/disable images/links, and set open in new window easily, and add captions using the admin banner manager.

    * Home page Responsive Full Width Tabs for New, Featured, and Specials

    * AddtoAny social bookmarking added to all product pages (includes Facebook like button, Twitter Tweet Button, Pinterest Pin it button, and 300+ Sharing Services)

    * Custom footer featuring a footer menu with customer service, and useful links (ez pages), integrated, and links to your Facebook, Twitter, Youtube, Pinterest, and Instagram.

    * Customized product info page layout

    * Responsive lightbox for product images, and lightbox gallery for additional product images

    * Responsive Full Width Tabs for product description, details, and reviews

    * Product reviews show on the product info page

    * "View All" option on the product listing pages

    * Easily modify the footer using the zen cart admin

    * Mobile friendly quantity changer on the product info pages

    * Cross Browser tested in Firefox, IE11, IE10, IE9, IE8, Google Chrome, Opera, and Safari.

    * Tested using emulators for: iPhone6, iPhone6 Plus, iPhone 5, iPhone 4, iPhone 3GS, iPad Retina, Nexus 4, Nexus 5, Galaxy Nexus, Nexus S, Nexus 10, Nexus 7, Vega No. 6, Vega R3, HTC One, HTC One Mini, HTC Evo, Xperia Z, Xiaomi Mi3, Xiaomi Mi 2, Ascend Mate2, Ascend G6, Lenovo K900, Lenovo A390, ZTE Grand S, ZTE Grand X, Galaxy Note4, Galaxy S5 - Note3, Galaxy S3 - Note2, Galaxy Note1, Galaxy S2 - S1, Galaxy Tab S, G3, G2, Optimus G Pro, Optimus G, Optimus View, G Pad 8.3
    W3C Valid XHTML and CSS

    * Comes with the following modules installed: Column Layout Grid, About Us Page, Back to Top, Responsive Flexslider, Bestsellers Thumbnails, Flexible Footer Menu, Responsive Full Width Tabs, DG Reveiws on Product Info Page, Contact Us Add Subject, Zen Colorbox, Mobile Friendly Quantity Changer, Slimmenu Responsive Mega Menu
    Detailed HTML readme file with written instructions and screenshots, and links to videos for the installation and customization steps.

    * Fully compatible with versions 1.5x.

    Please post any bugs or questions to this thread.

    Thanks,

    Anne
    so where is it uploaded, here or your site?

    I checked plugins here and it does not show as the latest download:

    Zen CartŪ Versions v1.3.8, v1.3.9, v1.5.0, v1.5.1
    Original Author picaflor-azul
    Last Updated by picaflor-azul - 6 Sep 2013
    Downloads 916

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

    Default Re: Responsive Sheffield Blue V 2.0!

    Quote Originally Posted by DarkAngel View Post
    so where is it uploaded, here or your site?

    I checked plugins here and it does not show as the latest download:

    Zen CartŪ Versions v1.3.8, v1.3.9, v1.5.0, v1.5.1
    Original Author picaflor-azul
    Last Updated by picaflor-azul - 6 Sep 2013
    Downloads 916
    The moderators approve the updates as soon as they can. I am sure that it will show in the plugins section soon ;)

    Thanks,

    Anne

  7. #17
    Join Date
    Oct 2007
    Location
    Emporia, Kansas
    Posts
    1,762
    Plugin Contributions
    0

    Default Re: Responsive Sheffield Blue V 2.0!

    Thanks, then i will quit working on the version we have in test store until I can grab this one.

  8. #18
    Join Date
    Feb 2011
    Posts
    33
    Plugin Contributions
    0

    Default Re: Responsive Sheffield Blue V 2.0!

    Testing out the new design v.2 and was curious as how to remove/hide the different header menu drop downs (i.e. about us, brands, service). In the previous release you were able to use .aboutus-li{display:none;} in the stylesheet. I'm unable to hide them in the newer version.

  9. #19
    Join Date
    Feb 2011
    Posts
    33
    Plugin Contributions
    0

    Default Re: Responsive Sheffield Blue V 2.0!

    Quote Originally Posted by Whitebear View Post
    Testing out the new design v.2 and was curious as how to remove/hide the different header menu drop downs (i.e. about us, brands, service). In the previous release you were able to use .aboutus-li{display:none;} in the stylesheet. I'm unable to hide them in the newer version.
    Aaah! I got it... for anyone else in the stylesheet.css you need to have it as:

    .slimmenu li.aboutus-li{display:none;}
    .slimmenu li.customer-service-li{display:none;}
    .slimmenu li.brands-li{display:none;}


    and for the mobile side also add this to the stylesheet.css

    .slimmenu.collapsed li.aboutus-li{display:none;}
    .slimmenu.collapsed li.customer-service-li{display:none;}
    .slimmenu.collapsed li.brands-li{display:none;}
    Last edited by Whitebear; 8 May 2015 at 03:48 PM.

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

    Default Re: Responsive Sheffield Blue V 2.0!

    Quote Originally Posted by Whitebear View Post
    Aaah! I got it... for anyone else in the stylesheet.css you need to have it as:

    .slimmenu li.aboutus-li{display:none;}
    .slimmenu li.customer-service-li{display:none;}
    .slimmenu li.brands-li{display:none;}


    and for the mobile side also add this to the stylesheet.css

    .slimmenu.collapsed li.aboutus-li{display:none;}
    .slimmenu.collapsed li.customer-service-li{display:none;}
    .slimmenu.collapsed li.brands-li{display:none;}
    I am happy that you figured it out ;)

    Thanks,

    Anne

 

 
Page 2 of 152 FirstFirst 12341252102 ... LastLast

Similar Threads

  1. v151 Responsive Sheffield Blue v1.0
    By picaflor-azul in forum Addon Templates
    Replies: 1157
    Last Post: 8 Jun 2017, 07:34 AM
  2. v155 Responsive Classic vs Responsive Sheffield Blue vs ?
    By Zean in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 13 May 2016, 07:01 AM
  3. v154 Responsive Sheffield Blue change menu links
    By Annie_zaz in forum Addon Templates
    Replies: 3
    Last Post: 7 May 2016, 11:33 PM
  4. v154 Responsive Sheffield Blue v.2.0 Pricing not showing
    By SilverHD in forum Addon Templates
    Replies: 13
    Last Post: 4 Nov 2015, 10:57 PM
  5. v154 Questions re: Responsive Sheffield Blue
    By dfontana in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Aug 2015, 02:43 AM

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