Responsive Sheffield Blue v2.0

Zean:

Hi John, thanks for sharing.
What version of Zen Cart are you using?
What version of Responsive Sheffield Blue V 2.0 are you using?

I'm using Zen Cart 1.5.5a.

I'm using Zen Cart 1.5.4 and Responsive Sheffield Blue v. 2.0.

Looking at the demo -> http://zenlyzen.com/responsive/index.php?main_page=index&template_switch_id=responsive_sheffield_blue <- the menu [New Specials Featured] "Featured" disappears when the page is shrunk. Actually it drops to the second line, but the menu bar does not expand to compensate.

I am looking at the different templates for a good responsive template. Most work OK with the iPhone. Android sucks the big one, but a lot of people go with it anyway, so I am looking for templates that play nice with Android.

Has this been fixed and the demo is just an older version?

2marco:

I am having some issues with position of the banner in the header slide show. It appears mostly in chrome, not in IE or firefox.
See the images below.

The images showing the demopage from this template, but I am suffering from it on my own (current local) installation as well.

But I see other online examples using the same templates who dont.
http://onlinetest.batterybg.com/fresh/index.php?main_page=index

Any Idea?

I am having the exact same issue on my web site! The slideshow text appears in Chrome as it does in 2Marco's screenshots. I didn't see a reply that solves Marco's problem though. Did anyone manage to solve it? I have tried playing around with the CSS but with no success. My web site is battleaxegames.com. Thanks!

This thread is for the template Responsive Sheffield Blue v2.0
and your demo link is for V1.
Here is the link to v2.0: Linklink

Note on some things I found:

a) This template uses the ACCOUNT_TELEPHONE field, which is not part of Zen Cart. You can add it from Tools-> Install SQL Patches as follows:

INSERT INTO configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) VALUES ('Telephone Number', 'ACCOUNT_TELEPHONE', 'true', 'Display telephone number field during account creation and with account information', '5', '8', 'zen_cfg_select_option(array(\'true\', \'false\'), ', now());

b) If you define HEADER_SALES_TEXT as empty in includes/languages/english/responsive_sheffield_blue/header.php, then the top part of the header is messed up. So you need to define this field.

EmmaThePoly:

I am having the exact same issue on my web site! The slideshow text appears in Chrome as it does in 2Marco's screenshots. I didn't see a reply that solves Marco's problem though. Did anyone manage to solve it? I have tried playing around with the CSS but with no success. My web site is battleaxegames.com. Thanks!

After having another stab at messing around with the CSS, I -think- I've fixed it. In the stylesheet_flex.css file in the CSS folder, I removed a couple of the banner attributes, namely the margin which was set at something weird like -300 and something pixels. Still testing on different platforms to see if that created any new problems....

I would like to remove the "Information" drop down menu from Sheffield 2.0. I was able to hide the "brands" and "customer service" links but not the "Information" drop down.

Any help would be greatly appreciated.
Thanks

johnemaher:

I'm trying to remove some elements like brands and about us, but the above does not work. In fact, the brands-li does not appear to be present, so perhaps things have changed since the posting. Can anyone direct me to where these items can be suppressed? (I should be explicit and say that it's the ribbon menu that I'm trying to change.)

Thanks.

John

the above worked for me, without any problems. However you have to add the brands chunk since it is not there. The only problem I am having now is removing the "Information" link. The above edit doesn't work for this

rbarbour:

Tabbed Products Pro works if installed correctly.

As far as adding tabs in:

/includes/templates/responsive_sheffield_blue/templates/tpl_product_info_display.php

> 
> find:
> ```php
    <nav>
            <ul>
                <li><a href="#section-1" class="icon-description"><span><?php echo HEADER_TITLE_DESCRIPTION; ?></span></a></li>
                <li><a href="#section-2" class="icon-details"><span><?php echo HEADER_TITLE_DETAILS; ?></span></a></li>
                <li><a href="#section-3" class="icon-reviews"><span><?php echo HEADER_TITLE_REVIEWS; ?></span></a></li>

            </ul>
    </nav>

for every new tab add:

            </section>

> 
> before the 2 </div> tags, section-4 should increase for every new tab, section-5, section-6 and so on

Hello rbarbour,

I just wanted to say thank you for your excellent post.  I made the changes to my tpl_product_info_display.php file and it works great.

Thanks again,

Frank

johnemaher:

I'm trying to remove some elements like brands and about us, but the above does not work. In fact, the brands-li does not appear to be present, so perhaps things have changed since the posting. Can anyone direct me to where these items can be suppressed? (I should be explicit and say that it's the ribbon menu that I'm trying to change.)

Thanks.

John

I tried this on version 1 and it didnt work. It works on 2.0

maxnut:

I would like to remove the "Information" drop down menu from Sheffield 2.0. I was able to hide the "brands" and "customer service" links but not the "Information" drop down.

Any help would be greatly appreciated.
Thanks

I answered my own question. I tried using ul.slimmenu li.information-li{display:none;} in stylesheet.css and it didn't work. Then I saw in tpl_modules_mobile_categories_tabs.php that it is li.info instead. So the code below in stylesheet.css will keep the about us, and remove customer service, brands, and information menu drop downs

ul.slimmenu li.aboutus-li ul li{width:600px;}
ul.slimmenu li.customer-service-li{display:none;}
ul.slimmenu li.brands-li{display:none;}
ul.slimmenu.collapsed li.customer-service-li{display:none;}
ul.slimmenu.collapsed li.brands-li{display:none;}
ul.slimmenu li.info-li{display:none;}

Hi,

I only have three categories of product, so rather than having a 'Browse Products' dropdown, followed by the three categories, is there any way to just show the three categories on the top menu? My site is live so I don't want to go playing around with it - I want to be fairly sure that what I try will work.

Many thanks,
WP.

WhitePhantom:

Hi,

I only have three categories of product, so rather than having a 'Browse Products' dropdown, followed by the three categories, is there any way to just show the three categories on the top menu? My site is live so I don't want to go playing around with it - I want to be fairly sure that what I try will work.

Many thanks,
WP.

You can make a side box of the Categories and there it will show the 3 categories you have without dropdown menu.
On the top menu you can hide the 'Categories' so it will not be there at all.

Not exactly what you wanted, but it is a simple way for making it a little different...

Thanks Gunni, but I've found that side boxes don't show up on the mobile version of the site, so I need to figure out a way to put them on the top menu instead.

I have them under a 'Browse Products' dropdown at the moment, but apparently people are finding it hard to navigate... (seriously? - how hard can it be??! :blink: )

WP.

WhitePhantom:

Thanks Gunni, but I've found that side boxes don't show up on the mobile version of the site, so I need to figure out a way to put them on the top menu instead.

I have them under a 'Browse Products' dropdown at the moment, but apparently people are finding it hard to navigate... (seriously? - how hard can it be??! :blink: )

WP.

You would need to code it...
To find the categories define names and put them on the top menu instead of the drop down.

WhitePhantom:

Thanks Gunni, but I've found that side boxes don't show up on the mobile version of the site, so I need to figure out a way to put them on the top menu instead.

I have them under a 'Browse Products' dropdown at the moment, but apparently people are finding it hard to navigate... (seriously? - how hard can it be??! :blink: )

WP.

I am able to show sideboxes on mobile. In tools/layout boxes I turned 'single column.' 'left/right column'; and 'mobile status' all to "ON"

I stripped out the currency files from RSB as they were conflicting with other things. Instead I use the stock zc currency sidebox, with settings as above, and it shows up on top of page under header. I did this also with Dynamic Filters and it also appeared at top - I discontinued that one because it was too long vertically for my liking.

zc 1.5.5b, Responsive Sheffield Blue 2.0

So, I either found a bug, or I changed something that created a bug (the latter being more likely, of course).

I'm using Zen Cart 1.5.4 with Responsive Sheffield Blue 2.0. I've selected "rows" for Configuration > Product Listing > Product Listing - Layout Style. The issue is regarding table headings when displaying a listing of products.

When clicking a category, I get a listing of the products in that category, and the headings, which includes "MODEL", looks fine. (The other headings are correct, like "IMAGE", "ITEM NAME", and "PRICE".) But, when I click All Products, Featured Products, New Products, or Specials links, the heading that should say "MODEL" now says "TABLE_HEADING_MODEL".

Now I don't understand PHP very well, but it turns out that if I modify includes/modules/responsive_sheffield_blue/product_listing.php at line 49 from this:

    $lc_text = TABLE_HEADING_MODEL;

to this:

    $lc_text = 'MODEL';

I get the proper heading of "MODEL". All of the other headings work fine, but that variable (?) is not recognized as a variable. Instead it seems to be interpreted as a string.

I've scoured the files to try to figure out what could be breaking this. At the moment I've given up and used the string 'MODEL' in place of TABLE_HEADING_MODEL.

Thanks for any help you can provide.

John

johnemaher:

So, I either found a bug, or I changed something that created a bug (the latter being more likely, of course).

I'm using Zen Cart 1.5.4 with Responsive Sheffield Blue 2.0. I've selected "rows" for Configuration > Product Listing > Product Listing - Layout Style. The issue is regarding table headings when displaying a listing of products.

When clicking a category, I get a listing of the products in that category, and the headings, which includes "MODEL", looks fine. (The other headings are correct, like "IMAGE", "ITEM NAME", and "PRICE".) But, when I click All Products, Featured Products, New Products, or Specials links, the heading that should say "MODEL" now says "TABLE_HEADING_MODEL".

Now I don't understand PHP very well, but it turns out that if I modify includes/modules/responsive_sheffield_blue/product_listing.php at line 49 from this:

$lc_text = TABLE_HEADING_MODEL;

> 
> to this:
> 
> ```
    $lc_text = 'MODEL';

I get the proper heading of "MODEL". All of the other headings work fine, but that variable (?) is not recognized as a variable. Instead it seems to be interpreted as a string.

I've scoured the files to try to figure out what could be breaking this. At the moment I've given up and used the string 'MODEL' in place of TABLE_HEADING_MODEL.

Thanks for any help you can provide.

John

The template is designed to be used in the column layout on the product listing page. I don't think that this is a bug in the template as no one else has ever reported it, but it could be ;)

It looks like the english definition is missing/not working for those pages. You can add a line to any of the english files, best would probably be includes/languages/english/extra_definitions/responsive_sheffield_blue/responsive_sheffield_blue_defines.php, like this:

define('TABLE_HEADING_MODEL', 'Model');

Thanks,

Anne

That fixed it. Thank you.

John

johnemaher:

That fixed it. Thank you.

John

I am happy to hear that ;)

Thanks,

Anne