Responsive Sheffield Blue v1.0

picaflor-azul:

If you resize your slides to 980 pixels wide by 250 pixels high they will be centered.

Thanks,

Anne

Thanks for your response, Anne! I really appreciate you taking your time to help me out with this minor problem. Also, you have done an amazing job with this template. I am pretty new to the Zen Cart World. I just wanted to say that I really appreciate what you have done!

I went ahead and pulled the slides from your zip file and pasted my photos on top of the slides so that it would give the slide the 980px x 250px. It still has the slides off-center after uploading them again. If you check the site out again, the slides are still all over to the left side of the slideshow. Do you think there is some other setting in a CSS file or something else that would cause the slides to be pushed over to the left?

This is really weird because the slides were fine yesterday. I am pretty sure that I didn't mess with any settings that had to do with the placement of the slides?

Any other information to look at would be great!

Thanks again for your help!

Chris

Rocco_Habit:

Thanks for your response, Anne! I really appreciate you taking your time to help me out with this minor problem. Also, you have done an amazing job with this template. I am pretty new to the Zen Cart World. I just wanted to say that I really appreciate what you have done!

I went ahead and pulled the slides from your zip file and pasted my photos on top of the slides so that it would give the slide the 980px x 250px. It still has the slides off-center after uploading them again. If you check the site out again, the slides are still all over to the left side of the slideshow. Do you think there is some other setting in a CSS file or something else that would cause the slides to be pushed over to the left?

This is really weird because the slides were fine yesterday. I am pretty sure that I didn't mess with any settings that had to do with the placement of the slides?

Any other information to look at would be great!

Thanks again for your help!

Chris

I am so happy that you are finding the template useful and using it for your web site ;)

You should change line 4 of the responsive.css to max-width:100%;

Thanks,

Anne

picaflor-azul:

I am so happy that you are finding the template useful and using it for your web site ;)

You should change line 4 of the responsive.css to max-width:100%;

Thanks,

Anne

Anne, You are amazing! Problem solved.

Thanks again,
Chris

Rocco_Habit:

Anne, You are amazing! Problem solved.

Thanks again,
Chris

That's great to hear!

Thanks,

Anne

picaflor-azul:

That's great to hear!

Thanks,

Anne

Yep Anne is the best!

Thanks for this template. I love it!. I've been exploring the demo for a while and I've also noticed the moving search box issue. It moves to the middle of the header menu after logging in. I've tried the demo on 2 desktops and 2 laptops and it happens every time I log in. If I re-size the window a bit, it goes back to normal. I realize this has been talked about, but I have a couple questions. Why does this only occur after logging in? If adding more breakpoints to responsive.css will fix this, will someone please tell me how to do that? Thanks.

Something else I noticed is that this problem only occurs when there is a product in the shopping cart. If I remove the item from the cart, I can log in and out as much as I want and the search box is fine.

mdavid:

Thanks for this template. I love it!. I've been exploring the demo for a while and I've also noticed the moving search box issue. It moves to the middle of the header menu after logging in. I've tried the demo on 2 desktops and 2 laptops and it happens every time I log in. If I re-size the window a bit, it goes back to normal. I realize this has been talked about, but I have a couple questions. Why does this only occur after logging in? If adding more breakpoints to responsive.css will fix this, will someone please tell me how to do that? Thanks.

I got the template up & running (is still in maintenance mode) and I am playing with various devices, works great on the Iphone as it takes the responsive mode. If I use a galaxy tab 3 in landscape mode it shows full website, if I make it portrait size the search box moves to the middle and messes up the layout. Next to that the center column drops under the left column. The same happens (i tested with firefox) on a desktop when you start making the window smaller.

I have seen more posts like these but I didn't find a real solution to this in all 68 pages...or did I overlook?

You can see the website https://www.magicdownloads.nl/shop to see what I mean, just make it smaller and you will see...

All the other fixes I have found on the forum which is of a great help to me!

EDIT : P.S. -after posting I see that more people have asked for almost the same thing (except for the columns it seems) right above my post. I will not delete as it is a little different :)

René

Reneetje:

I got the template up & running (is still in maintenance mode) and I am playing with various devices, works great on the Iphone as it takes the responsive mode. If I use a galaxy tab 3 in landscape mode it shows full website, if I make it portrait size the search box moves to the middle and messes up the layout. Next to that the center column drops under the left column. The same happens (i tested with firefox) on a desktop when you start making the window smaller.

I have seen more posts like these but I didn't find a real solution to this in all 68 pages...or did I overlook?

You can see the website https://www.magicdownloads.nl/shop to see what I mean, just make it smaller and you will see...

All the other fixes I have found on the forum which is of a great help to me!

EDIT : P.S. -after posting I see that more people have asked for almost the same thing (except for the columns it seems) right above my post. I will not delete as it is a little different :)

René

This is one of the main reasons why I have switched to the new DIY responsive template default code which uses a php detect script to detect user agent to serve the correct layout. This template is in the queue to be updated.

Thanks,

Anne

This is one of the main reasons why I have switched to the new DIY responsive template default code which uses a php detect script to detect user agent to serve the correct layout. This template is in the queue to be updated.

Thanks,

Anne

Anne,

Is it easy to edit in a "live shop" when the shop is already live or is it as complete new package?

I also noticed the following (it's magic :). If I click NEW ITEMS the products are displayed in columns (what is should be), but sometimes (when I click ALL PRODUCTS in the header or in categories) it changes to rows and then all is in rows except when I click a CATEGORY then it changes to columns again....

Any idea?

René

Reneetje:

Anne,

Is it easy to edit in a "live shop" when the shop is already live or is it as complete new package?

I also noticed the following (it's magic :). If I click NEW ITEMS the products are displayed in columns (what is should be), but sometimes (when I click ALL PRODUCTS in the header or in categories) it changes to rows and then all is in rows except when I click a CATEGORY then it changes to columns again....

Any idea?

René

It will be a completely new package.

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

Thanks,

Anne

Good Morning,
I have two question that have to do with my site being viewed in mobile view. The site is : www.testbaxterparts.host22.com.

1st: When on the homepage in mobile view, if you click the link in the middle of the page for "NEW", it displays "New products for month of May". The formatting of these products is all over the place (the price and add to cart button are on the right side of the box and towards the bottom and there is no description for the part being viewed). I would like to either figure out a way to make the "New Product of the month" look a little better or just disable it from being viewed in Mobile view. (It looks fine in full mode). I've played around with the responsive.css file for this section but can't get the add to cart and price to move to a place that looks halfway decent. Also, I really need it to display the description. So, whatever is easiest to do, I will go with. If its easier to disable the whole section on the homepage, that is fine with me.

2nd: (This question has to do with both Mobile and Regular view of the webpage) Bring up any product in mobile view that is available for sale. Underneath the add to cart button, There is a drop down box for Details and Description. I want to disable the details section. My customers don't need to see the Quantity of products that we have in stock. I would also like to figure out how to disable this section in the regular view of the website as well.

Hopefully these two issues aren't anything too terribly difficult to fix.

I appreciate anyone who has some suggestions on making this work a little better!

Thanks in advance!

Chris

Anne,

You can see the website https://www.magicdownloads.nl/shop to see what I mean :)

Also, I removed two of the social logo's from the social bar but the "block" doesn't become shorter. If I see other websites with the same template (the one mentioned above) the block also is shorter which is nicer I think :)

René

The product descriptions and product details are closed by default, but how can I make them open by default?
I have installed the latest version as well as the patch.

Thanks in advance.

Max

TTZZ:

The product descriptions and product details are closed by default, but how can I make them open by default?
I have installed the latest version as well as the patch.

Thanks in advance.

Max

I can't help you with the javascript coding, but you will be editing the js at the top of the includes/templates/responsive_sheffield_blue/templates/tpl_product_info_display.php file.

Thanks,

Anne

Rocco_Habit:

Good Morning,
I have two question that have to do with my site being viewed in mobile view. The site is : www.testbaxterparts.host22.com.

1st: When on the homepage in mobile view, if you click the link in the middle of the page for "NEW", it displays "New products for month of May". The formatting of these products is all over the place (the price and add to cart button are on the right side of the box and towards the bottom and there is no description for the part being viewed). I would like to either figure out a way to make the "New Product of the month" look a little better or just disable it from being viewed in Mobile view. (It looks fine in full mode). I've played around with the responsive.css file for this section but can't get the add to cart and price to move to a place that looks halfway decent. Also, I really need it to display the description. So, whatever is easiest to do, I will go with. If its easier to disable the whole section on the homepage, that is fine with me.

2nd: (This question has to do with both Mobile and Regular view of the webpage) Bring up any product in mobile view that is available for sale. Underneath the add to cart button, There is a drop down box for Details and Description. I want to disable the details section. My customers don't need to see the Quantity of products that we have in stock. I would also like to figure out how to disable this section in the regular view of the website as well.

Hopefully these two issues aren't anything too terribly difficult to fix.

I appreciate anyone who has some suggestions on making this work a little better!

Thanks in advance!

Chris

1. If you don't like the default layout for the home page new products you can change it or display:none; it for mobile devices by editing the includes/templates/responsive_sheffield_blue/css/responsive.css file.

2. You can disable any of the product details in admin--catalog--product types--product-general--edit layout

Thanks,

Anne

mdavid:

Something else I noticed is that this problem only occurs when there is a product in the shopping cart. If I remove the item from the cart, I can log in and out as much as I want and the search box is fine.

I am viewing the demo using chrome and can not recreate this problem.

Thanks,

Anne

By setting the stylesheet.css for #navMainWrapper {margin:-105px 20px; width:50%;} seems to solve it. I don't know why Anne doesn't see this but it does happen.

countrycharm:

By setting the stylesheet.css for #navMainWrapper {margin:-105px 20px; width:50%;} seems to solve it. I don't know why Anne doesn't see this but it does happen.

This works for me also, but I had to change to to #navMainWrapper {margin:-105px 20px;width:50%;color:#444;float:right;}
Works perfectly now!

picaflor-azul:

1. If you don't like the default layout for the home page new products you can change it or display:none; it for mobile devices by editing the includes/templates/responsive_sheffield_blue/css/responsive.css file.

2. You can disable any of the product details in admin--catalog--product types--product-general--edit layout

Thanks,

Anne

Thanks for your response, Anne.
I was able to disable the product details and that is displaying correctly now. I still have a quick question about your response regarding the other issue I was having. I just cant seem to find the correct area in the responsive.css file to be able to disable the bar that displays "New" and "Specials" in mobile view. Can you point me in the right direction? I would be fine with just using the {display:none;} on that whole box in mobile view.

Here is the site just in case. www.testbaxterparts.host22.com

Thanks again for your time,

Chris