Responsive Sheffield Blue v2.0

spawnie69:

Hi Anne,
What can I do to correct my mobile hompageslide size images. Displays stretched out in mobile.
https://www.gelcandlecompany.com
Thank you

The images in the demo are 1300 pixels wide by 500 pixels high. Try making your slider images in those dimensions or closer to their aspect ratio.

Thanks,

Anne

Feznizzle:

I just installed this template into a fresh zc155 and I'm experiencing a couple issues.

First, when adding products to the shopping cart (or just clicking on Shopping Cart link), I receive this message:

Also, on the backend, I receive a persistent message at the top my admin in a green box:

To try to resolve conflicts, I started going thru the files supplied by the template, comparing and merging with zc155 originals.

Some of this work is simple. For instance, it seems pretty clear that admin/layout_controller.php needs to be merged into zc155. Other comparisons seem to indicate that the template file should be discarded entirely in favor of the zc155 original. For instance: /includes/classes/Mobile_Detect.php

Other merges are downright messy and it's unclear to me how to proceed (/includes/classes/split_page_results.php).

So to answer this question:

I'm inclined to say maybe you should wait for a zc155 update to this template?

picaflor-azul:

Try removing the includes/templates/responsive_sheffield_blue/jscript/jscript_framework.php file.

Thanks,

Anne

May also want to take a look at this guidance related to templates similar to this one on ZC 1.5.5: https://www.zen-cart.com/showthread.php?t=219801

Hi Anne:

Thanks so much for the response but I don't see a thing on the "product info" page pertaining to description, details, reviews, or a custom tab. I am apparently looking in the wrong place or the template I downloaded somehow missed it, possibly?? If you have the answer, please clue me in.

Thanks again,

Silver

I was able to solve the issue I posted previously

My WAMP server is running MySQL 5.7 and so the default value for datetime on admin\includes\installers\responsive_sheffield_blue\2_0.php was invalide

Line 135 should be changed from:

date_added datetime NOT NULL DEFAULT '0000-00-00 00:00:00',

To:

date_added datetime NOT NULL DEFAULT '1000-01-01 00:00:00',

To be valid for MySQL 5.7

After that the install worked successfully

gwynwyffar:

I was able to solve the issue I posted previously

My WAMP server is running MySQL 5.7 and so the default value for datetime on admin\includes\installers\responsive_sheffield_blue\2_0.php was invalide

Line 135 should be changed from:

date_added datetime NOT NULL DEFAULT '0000-00-00 00:00:00',

> 
> To:
> ```
date_added datetime NOT NULL DEFAULT '1000-01-01 00:00:00',

To be valid for MySQL 5.7

After that the install worked successfully

Per the ZC 1.5.5 install/upgrade script the date really ought to be: '0001-01-01 00:00:00'. Instead of the year 1000... There are/might be other areas of code that would not properly recognize the 1000.

Hi Anne

Weird thing has happened. I went into the footer options through admin and removed 1 line from it and now at the bottom of my page I have this ...

So immediately I thought I had removed something I shouldnt so I used the code from a working site and still nothing. So I went to a third site that's working and removed 1 line and got the same that's in the picture, I put the original code back and again it didnt work. I'm baffled as I have put it back to how it was originally but it will not work.

The error is on a clean zencart install using the Sheffield Blue theme.

Do you have any idea what is wrong, I have not deleted, renamed or changed anything other than that code in the footer option from the admin panel.

Hi Anne,
Firstly thanks for this template, its a really clean, crisp look and once I have finished it will improve our website 10000%

One question if I may... the pictures in the slider are currently 1300 x 500. I want the amount of space taken up to be less. I have tried playing around with smaller images but it appears that the template always makes the image 1300 x 500. Is there a way I can tweak it so that the images take up less height 300px for example, or even make the while slider portion smaller.

At the moment it takes up half of the page and pushes the rest of the valuable content below the fold.

Many thanks
Stu

Hello again, Anne:

Sorry for reposting this, but apparently it got lost in the flurry of comments somehow. This is in reply to your post of #719. As I stated before, I don’t see a thing on the “product info” page pertaining to description, details, reviews, or a custom tab. I am apparently looking in the wrong place or the template I downloaded somehow missed it, possibly?? If you have the answer, please clue me in.

Also, another situation has cropped up. I wanted to change my product listing from 2 columns to 3. When I went to Product Listing – Columns Per Row, I noticed that the default listing is 3 even though my products have only 2 columns. Do you have any idea what is wrong?

Again, thank you for your help,

Silver

MCS_Computers:

Hi Anne

Weird thing has happened. I went into the footer options through admin and removed 1 line from it and now at the bottom of my page I have this ...

So immediately I thought I had removed something I shouldnt so I used the code from a working site and still nothing. So I went to a third site that's working and removed 1 line and got the same that's in the picture, I put the original code back and again it didnt work. I'm baffled as I have put it back to how it was originally but it will not work.

The error is on a clean zencart install using the Sheffield Blue theme.

Do you have any idea what is wrong, I have not deleted, renamed or changed anything other than that code in the footer option from the admin panel.

Try removing the code in admin--tools--flexible footer menu for the icons and replacing it with this:

<a href="https://www.facebook.com/Custom.Zen.Cart.Design" target="_blank"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/picaflorazul" target="_blank"><i class="fa fa-twitter"></i></a><a href="http://www.pinterest.com/picaflorazul" target="_blank"><i class="fa fa-pinterest"></i></a><a href="https://www.youtube.com/user/ZenCartEasyHelp" target="_blank"><i class="fa fa-youtube"></i></a><a href="" target="_blank"><i class="fa fa-instagram"></i></a>

Thanks,

Anne

totalnetworx:

Hi Anne,
Firstly thanks for this template, its a really clean, crisp look and once I have finished it will improve our website 10000%

One question if I may... the pictures in the slider are currently 1300 x 500. I want the amount of space taken up to be less. I have tried playing around with smaller images but it appears that the template always makes the image 1300 x 500. Is there a way I can tweak it so that the images take up less height 300px for example, or even make the while slider portion smaller.

At the moment it takes up half of the page and pushes the rest of the valuable content below the fold.

Many thanks
Stu

If you post a link to your site, I can take a look and try to tell you what you need to change in the css to make the slide show smaller.

Thanks,

Anne

Anne:

Just to add to the above, I thought I would show a couple of screen shots. One is of the "Product info" that will show no information pertaining to description, details, reviews, or a custom tab. The other is of "Product Listing" that will state 3 columns but my site is only showing 2 columns.

Here is the address of my website: [www.mygiftsite.com

](http://www.mygiftsite.com)I have maintenance set to false now so you can take a look.

Again, any help is appreciated. I would really like to get this solved.

Thanks,

Silver

SilverHD:

Hello again, Anne:

Sorry for reposting this, but apparently it got lost in the flurry of comments somehow. This is in reply to your post of #719. As I stated before, I don’t see a thing on the “product info” page pertaining to description, details, reviews, or a custom tab. I am apparently looking in the wrong place or the template I downloaded somehow missed it, possibly?? If you have the answer, please clue me in.

Also, another situation has cropped up. I wanted to change my product listing from 2 columns to 3. When I went to Product Listing – Columns Per Row, I noticed that the default listing is 3 even though my products have only 2 columns. Do you have any idea what is wrong?

Again, thank you for your help,

Silver
Hello Slver,

For your second question go to post #328. I implemented it and am now getting 3 rows. See it at http://religious-shop.com

Best regards,

Frank

Hey Frank:

I changed line 413 in includes/templates/responsive.../css/responsive_default.css to 30% from 45% and nothing happened. Take a look. www.mygiftsite.com

Silver

SilverHD:

Anne:

Just to add to the above, I thought I would show a couple of screen shots. One is of the "Product info" that will show no information pertaining to description, details, reviews, or a custom tab. The other is of "Product Listing" that will state 3 columns but my site is only showing 2 columns.

Here is the address of my website: [www.mygiftsite.com

](http://www.mygiftsite.com)I have maintenance set to false now so you can take a look.

Again, any help is appreciated. I would really like to get this solved.

Thanks,

Silver

On a desktop I am seeing 3 columns. On a laptop there are 2 columns which is how the template is designed. If you want 3 columns on a laptop, you will need to change line 413 of the responsive_default.css file.

If you change it to 45% you will have 2 columns. For 3 columns it would need to be something like 30%.

Thanks,

Anne

Anne:

Thank you for the response but I don't know what is going on here. I only have a desktop. I am using both Firefox and IE. I changed includes/templates/responsive.../css/responsive_default.css to 30% and you can see the screenshot:

As you can see, there are only 2 columns. I don't get it?? I haven't changed the product listing page. Don't get me wrong. I want this thing to be responsive, so I want it to react to whatever the customer is using. So I am totally confused. Any other ideas?

Thanks,

Silver

Anne:

I think I figured out the problem. It's my screen resolution! I have it set too low. I'm sure if I set it higher, the three columns would show up so I am going to reset the % back to 45 so that my customers will be able to see the site properly, whatever they might be using. Sorry for bugging you about this one.

Now, I still have a problem with Product info. If you don't mind referring back to #732, that information still eludes me as far as the description, details, reviews, and custom tabs. You will see that I also provided a screen shot for that. If you can help figure that one out, I would appreciate it.

Thanks again,

Silver

Anne,
I too am having the same issue. I am using zen 1.5.5 and here is the exact code I have in the admin-tools-flexible footer menu..

<a href="https://www.facebook.com/Custom.Zen.Cart.Design" target="_blank"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/picaflorazul" target="_blank"><i class="fa fa-twitter"></i></a><a href="http://www.pinterest.com/picaflorazul" target="_blank"><i class="fa fa-pinterest"></i></a><a href="https://www.youtube.com/user/ZenCartEasyHelp" target="_blank"><i class="fa fa-youtube"></i></a><a href="" target="_blank"><i class="fa fa-instagram"></i></a>

But it still looks like this...

Any idea why??

picaflor-azul:

Try removing the code in admin--tools--flexible footer menu for the icons and replacing it with this:

<a href="https://www.facebook.com/Custom.Zen.Cart.Design" target="_blank"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/picaflorazul" target="_blank"><i class="fa fa-twitter"></i></a><a href="http://www.pinterest.com/picaflorazul" target="_blank"><i class="fa fa-pinterest"></i></a><a href="https://www.youtube.com/user/ZenCartEasyHelp" target="_blank"><i class="fa fa-youtube"></i></a><a href="" target="_blank"><i class="fa fa-instagram"></i></a>

> 
> 
> Thanks,
> 
> Anne

foilman:

Anne,
I too am having the same issue. I am using zen 1.5.5 and here is the exact code I have in the admin-tools-flexible footer menu..

<a href="https://www.facebook.com/Custom.Zen.Cart.Design" target="_blank"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/picaflorazul" target="_blank"><i class="fa fa-twitter"></i></a><a href="http://www.pinterest.com/picaflorazul" target="_blank"><i class="fa fa-pinterest"></i></a><a href="https://www.youtube.com/user/ZenCartEasyHelp" target="_blank"><i class="fa fa-youtube"></i></a><a href="" target="_blank"><i class="fa fa-instagram"></i></a>

But it still looks like this...

Any idea why??

Did you paste this code into the Share and Connect text box in admin/tools/flexible footer menu instead of in the last row in the bottom list of header underneath Share and Connect that has no title - just the green and red indicators to the right, above 'create new page'.

originally I did but removed it from there and put it in the last box with no title.

soxophoneplayer:

Did you paste this code into the Share and Connect text box in admin/tools/flexible footer menu instead of in the last row in the bottom list of header underneath Share and Connect that has no title - just the green and red indicators to the right, above 'create new page'.

picaflor-azul:

Try removing the code in admin--tools--flexible footer menu for the icons and replacing it with this:

<a href="https://www.facebook.com/Custom.Zen.Cart.Design" target="_blank"><i class="fa fa-facebook"></i></a><a href="https://twitter.com/picaflorazul" target="_blank"><i class="fa fa-twitter"></i></a><a href="http://www.pinterest.com/picaflorazul" target="_blank"><i class="fa fa-pinterest"></i></a><a href="https://www.youtube.com/user/ZenCartEasyHelp" target="_blank"><i class="fa fa-youtube"></i></a><a href="" target="_blank"><i class="fa fa-instagram"></i></a>

> 
> 
> Thanks,
> 
> Anne

No Different I`m afraid Anne