Responsive Sheffield Blue v2.0

Thanks.
Got it.

Hi Anne,

It seems I was wrong and the issues remain, the latest Pale Moon browser displays the following at http://zenlyzen.com/mobile-friendly-zen-cart/index.php?main_page=index&template_switch_id=responsive_sheffield_blue

while Firefox displays what you would expect

it seems that the Pale Moon browser takes no notice of width restrictions.

Regards

Mike

picaflor-azul:

Thank you so much for posting ;)

Thanks,

Anne

My pleasure!

BTW: This solution shows upcoming products in an extra tab in columns, like new, featured and specials.
I will soon upload another solution which will show upcoming products in an extra tab as well, but as a table, like the original upcoming products layout.

Cheers,

jpda

Hi All,

Can someone please tell me where I find the correct CSS to edit?

many thanks

Whitebear:

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;}

nikstoun:

Hi, Anne how fix the slide image size with stylesheet_flex.css ? How fix the show size ..i like change the default size. When upload 500x300 is very pixelize . If upload 1300x975 show on half on web page ..My question is simple :(

Regards

If you post a link to your site I can take a look.

Thanks,

Anne

mikemc24:

Hi Anne,

It seems I was wrong and the issues remain, the latest Pale Moon browser displays the following at http://zenlyzen.com/mobile-friendly-zen-cart/index.php?main_page=index&template_switch_id=responsive_sheffield_blue

while Firefox displays what you would expect

it seems that the Pale Moon browser takes no notice of width restrictions.

Regards

Mike

What device are you using?

Thanks,

Anne

jpda:

My pleasure!

BTW: This solution shows upcoming products in an extra tab in columns, like new, featured and specials.
I will soon upload another solution which will show upcoming products in an extra tab as well, but as a table, like the original upcoming products layout.

Cheers,

jpda

It is better to not use a table for the layout since tables are not responsive/mobile friendly.

Thanks,

Anne

totalnetworx:

Hi All,

Can someone please tell me where I find the correct CSS to edit?

many thanks

It is is stylesheet.css file. If you want to make css changes I would recommend using chrome and the web developer tools. The inspect element will tell you what stylesheet and what line to edit.

Thanks,

Anne

picaflor-azul:

What device are you using?

Thanks,

Anne

I am using a PC with a resolution of 1920 x 1080

Mike

mikemc24:

I am using a PC with a resolution of 1920 x 1080

Mike

Go the to mobile detect site and see what device it is detecting. It looks like it is detecting a mobile device.

Thanks,

Anne

to start with I must say this is the cleanest and most adaptable template I have seen in the 20 plus years I have been installing shopping carts.. thanks for all your hard work.....

I am using:
zen-cart-v1.5.4-12302014 (new install)
addons:
responsive_sheffield_blue_2.0.templete
EasyPopulate-4.0-master
Minimum Order
monthly_sales_and_tax.10
MSRP_Display_1_for_ZC_4
Price_Increase_Decrease
stats_products_linked-1.0.0

site location:
https://www.customshopping.com

now for my problems..

1. some of the spaces/boxes that display products on the main page and catogory pages are empty/have nothing in them... don't know why

2.I am trying to add the following link/info to:
/includes/languages/english/html_includes/responsive_sheffield_blue/define_main_page.php.... but it keeps breaking my main page layout (right side boxes end up at the bottom of the page..LOL)... whatever I'm doing wrong is like the jitterbug and totally eludes me

<br /><br />
<B />We Also Carry "1 of a kind" items made by Individual Artists and Craftsmen so be sure to checkout the items listed <a href="http://www.customshopping.com/index.php?main_page=index&cPath=149> HERE,</a> and "keep America Strong".</B />
<br /><br />

if you can see what I'm missing Please let me know...

hivtop:

to start with I must say this is the cleanest and most adaptable template I have seen in the 20 plus years I have been installing shopping carts.. thanks for all your hard work.....

I am using:
zen-cart-v1.5.4-12302014 (new install)
addons:
responsive_sheffield_blue_2.0.templete
EasyPopulate-4.0-master
Minimum Order
monthly_sales_and_tax.10
MSRP_Display_1_for_ZC_4
Price_Increase_Decrease
stats_products_linked-1.0.0

site location:
https://www.customshopping.com

now for my problems..

1. some of the spaces/boxes that display products on the main page and catogory pages are empty/have nothing in them... don't know why

2.I am trying to add the following link/info to:
/includes/languages/english/html_includes/responsive_sheffield_blue/define_main_page.php.... but it keeps breaking my main page layout (right side boxes end up at the bottom of the page..LOL)... whatever I'm doing wrong is like the jitterbug and totally eludes me

<br /><br />
<B />We Also Carry "1 of a kind" items made by Individual Artists and Craftsmen so be sure to checkout the items listed <a href="http://www.customshopping.com/index.php?main_page=index&cPath=149> HERE,</a> and "keep America Strong".</B />
<br /><br />

> if you can see what I'm missing Please let me know...

1.  If your products have different lengths for titles or different heights for images, you want to add min-heights to these or to the containing box so that they are all the same height.  You can also do this dynamically with javascript.  If you look through this thread I believe that this has been covered.

2.  Your bold tags should be:

<b> and </b> ```

My guess is that this is causing the problem.

Thanks,

Anne

Hi Anne.
thanks for taking your time to help....

problem 1...
I have spent the better part of 5 hours reading this entire trend (since my searches didn't find anything..lol) on the min or max, height, width or length of pictures or titles so if you could point me in the right direction I will go digging through the pages, css, etc to see if I can correct this problem and post my success so others can use it...

Problem 2
I removed all the extra " / " from the tags and now the page does not rearrange.. "Ya"... But the script ends at ..."be sure to checkout the items listed" there is no clickable link or the words "Here and Keep America Strong" so the entire code for the define_main_page.php page now looks like this...

<div id="home-text">
   <B> <font color="red">Welcome to CustomShopping.com, we are a Manufactures Rep for various makers of products. We ONLY SALE Wholesale therefore your order must be a minimum of $150.
</B></font> 
 <br><br>
We Also Carry "1 of a kind" items made by Individual Artists and Craftsmen so be sure to checkout the items listed <a href="http://www.customshopping.com/index.php?main_page=index&cPath=149> HERE</a> and Keep America Strong.
 <br><br>
</div>

Thanks again for the great template and help
William

hivtop:

Hi Anne.
thanks for taking your time to help....

problem 1...
I have spent the better part of 5 hours reading this entire trend (since my searches didn't find anything..lol) on the min or max, height, width or length of pictures or titles so if you could point me in the right direction I will go digging through the pages, css, etc to see if I can correct this problem and post my success so others can use it...

Problem 2
I removed all the extra " / " from the tags and now the page does not rearrange.. "Ya"... But the script ends at ..."be sure to checkout the items listed" there is no clickable link or the words "Here and Keep America Strong" so the entire code for the define_main_page.php page now looks like this...

<div id="home-text"> <B> <font color="red">Welcome to CustomShopping.com, we are a Manufactures Rep for various makers of products. We ONLY SALE Wholesale therefore your order must be a minimum of $150. </B></font> <br><br> We Also Carry "1 of a kind" items made by Individual Artists and Craftsmen so be sure to checkout the items listed <a href="http://www.customshopping.com/index.php?main_page=index&cPath=149> HERE</a> and Keep America Strong. <br><br> </div> ``` > > Thanks again for the great template and help > William The problem is the link. Try this, notice the green link:``` <div id="home-text"><p><b><font color="red">Welcome to CustomShopping.com, we are a Manufactures Rep for various makers of products. We ONLY SALE Wholesale therefore your order must be a minimum of $150. </font></b></p> <p>We Also Carry "1 of a kind" items made by Individual Artists and Craftsmen so be sure to checkout the items listed <a href="index.php?main_page=index&cPath=149">HERE</a> and Keep America Strong.  </p></div> ```

Cheers,

jpda

Under the Service tab a payments.png file should be showing. It is not. I found the payments.png file in includes/templates/responsive_sheffield_blue/images. I am wondering why it does not show? https://www.classic-flatware.com

Golden Synergy:

Under the Service tab a payments.png file should be showing. It is not. I found the payments.png file in includes/templates/responsive_sheffield_blue/images. I am wondering why it does not show? https://www.classic-flatware.com
In the original includes/languages/english/extra_definitions/responsive_sheffield_blue/responsive_sheffield_blue_defines.php look for ```
define('PAYMENT_ICON','<i class="fa fa-cc-paypal"></i><i class="fa fa-cc-amex"></i><i class="fa fa-cc-discover"></i><i class="fa fa-cc-mastercard"></i><i class="fa fa-cc-visa"></i><i class="fa fa-paypal"></i>')

My guess is that you deleted that part. And payments.png is not in RSB v2.0, it is from RSB v1.0 I think.

Cheers,

jpda

jpda:

In the original includes/languages/english/extra_definitions/responsive_sheffield_blue/responsive_sheffield_blue_defines.php look for ```
define('PAYMENT_ICON','<i class="fa fa-cc-paypal"></i><i class="fa fa-cc-amex"></i><i class="fa fa-cc-discover"></i><i class="fa fa-cc-mastercard"></i><i class="fa fa-cc-visa"></i><i class="fa fa-paypal"></i>')

> My guess is that you deleted that part. And payments.png is not in RSB v2.0, it is from RSB v1.0 I think.
> 
> Cheers,
> 
> jpda

That line of code is showing in the last line of my responsive_sheffield_blue_definess.php

I did upgrade from Sheffield Blue 1 to v 2.0 .

Golden Synergy:

That line of code is showing in the last line of my responsive_sheffield_blue_definess.php

I did upgrade from Sheffield Blue 1 to v 2.0 .

You need to make sure that you have the includes/templates/responsive_sheffield_blue/templates/tpl_modules_mobile_categories_tabs.php file from the new package and that you are calling font awesome.

Thanks,

Anne

Golden Synergy:

That line of code is showing in the last line of my responsive_sheffield_blue_definess.php

I did upgrade from Sheffield Blue 1 to v 2.0 .

You need to make sure that you have the includes/templates/responsive_sheffield_blue/templates/tpl_modules_mobile_categories_tabs.php file from the new package and that you are calling font awesome.

Thanks,

Anne

Golden Synergy:

That line of code is showing in the last line of my responsive_sheffield_blue_definess.php

I did upgrade from Sheffield Blue 1 to v 2.0 .
Look at line 143 in includes/templates/responsive_sheffield_blue/templates/tpl_modules_mobile_categories_tabs.php.
I guess you replaced ```php

<?php echo PAYMENT_ICON; ?>

In the last line of includes/languages/english/extra_definitions/responsive_sheffield_blue/responsive_sheffield_blue_defines.php you find:
```php
define('PAYMENT_ICON','<i class="fa fa-cc-paypal"></i><i class="fa fa-cc-amex"></i><i class="fa fa-cc-discover"></i><i class="fa fa-cc-mastercard"></i><i class="fa fa-cc-visa"></i><i class="fa fa-paypal"></i>');

You might delete the methods that you do not provide, for instance the one in red.

Cheers,

jpda