Responsive Sheffield Blue v2.0

spminis:

Last problem (I think). I've managed to fix everything and I have one last problem. I've seen posts about this and answers but none work.

The images in the subcategory pages are not lining up. There are blank spaces. Oddly enough, it looks fine on my test site but not on my live site and I can't figure out why because I uploaded the files from the live site to the test site and used the same DB. The settings in admin are the same.

One page to look at is http://www.spminiatures.com/store/index.php?main_page=index&cPath=105

Thanks
Carol

Your images are different heights which is causing the containers to be different heights, so they won't line up. I had similar problem with product listing pages. What worked for me was to set a minimum height for the containers that would accomodate my largest image height (or two line product name vs 1 line).

You could try adding:

min-height: 135px;

to the common-wrap div, around line 393 in your css/stylesheet.css file. Or change the height to a number that works with all of your sub category box heights. This works for me on your sample page using firebug.

soxophoneplayer:

Your images are different heights which is causing the containers to be different heights, so they won't line up. I had similar problem with product listing pages. What worked for me was to set a minimum height for the containers that would accomodate my largest image height (or two line product name vs 1 line).

You could try adding:

min-height: 135px;

> 
> to the common-wrap div, around line 393 in your css/stylesheet.css file. Or change the height to a number that works with all of your sub category box heights. This works for me on your sample page using firebug.

Thank you, thank you and thank you!  That did it.  I'll play around with the height.

Carol

spminis:

Thank you, thank you and thank you! That did it. I'll play around with the height.

Carol

Actually, your solution killed 2 birds. I was unhappy with the size of the subcategory boxes and by playing with the min-height, I also solved that problem.

Carol

I want the Flexslider to show only when viewing site on desk top, and not on mobile or tablet. The mod allows turning the slider off or on in the admin/config, but its an all or nothing thing.

I added this bit:

.flexslider {display:none}; 

to the responsive_mobile and responsive_tablet css files. I added it it twice in each file - once in each under the portrait sections and once in each under the landscape sections. I just put it at the end of each section so I could find it easy to vary/undo.

For this template, and checking the speed with GTmetix Pagespeed. I get the following:
Inline small CSS
The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
You should inline the following small resources:
http://tabletennisshop.com.au/includes/templates/responsive_sheffield_blue/css/style_imagehover.css

This really is a very small file. Is it possible to simply add the content of this CSS file to my main CSS file, and remove the call to load this file?

ttfan:

For this template, and checking the speed with GTmetix Pagespeed. I get the following:
Inline small CSS
The following external resources have small response bodies. Inlining the response in HTML can reduce blocking of page rendering.
You should inline the following small resources:
http://tabletennisshop.com.au/includes/templates/responsive_sheffield_blue/css/style_imagehover.css

This really is a very small file. Is it possible to simply add the content of this CSS file to my main CSS file, and remove the call to load this file?

I wasn't using the image hover feature anyway and had turned it off in the admin/configure/images menu, so when I got similar feedback from page speed test I just deleted the file.

Yep that would do the trick! :D

I do think it makes the site look a little more attractive though, so I'd prefer to keep it if I can, and find a way of inserting/merging that file with another if possible.

I know this is a rookie question, but here goes. I want to implement the search box on the mobile site as you described in post 1267. What software do you use to open the file that gives you the line numbers. My notepad does not, Word doesn't let me turn off the word wrap. What do you recommend?

SPembleton:

I know this is a rookie question, but here goes. I want to implement the search box on the mobile site as you described in post 1267. What software do you use to open the file that gives you the line numbers. My notepad does not, Word doesn't let me turn off the word wrap. What do you recommend?
If you want a simple editor go for Notepad++, if you want something more advanced you could use something like netbeans.

Design75:

If you want a simple editor go for Notepad++, if you want something more advanced you could use something like netbeans.

Thank you Design 75. Notepad++ seems to work

First of all I want to thank Anne for a very nice template. My customers have told me that they like it much better than the one I had been using. It looks great on a mobile phone and tablet!

I'm still tweaking things a bit for appearance sake and I have a couple of issues I'd like to clear up. These are not critical issues, just esthetic.

1. The multiple "add to cart" button on the product listing page is way off to the right. I would like it to line up above, or closer to, the product listings.
   http://www.spminiatures.com/store/index.php?main_page=index&cPath=221

2. On the product info page the add to cart box is huge and I would like to make it smaller http://www.spminiatures.com/store/index.php?main_page=product_info&cPath=221&products_id=8785

I think that the those two issues are related.

3. I've manage to make margins around the page to add a nice background but I would like the margins only to be on the sides, not the top or bottom. Is that possible?

In my defense- I'm finding that dealing with the responsive templates much harder than the original zen cart I used. I can't seem to find the correct places to make the changes or solutions to some of the problems searching online.

Thanks for any advice.
Carol

spminis:

First of all I want to thank Anne for a very nice template. My customers have told me that they like it much better than the one I had been using. It looks great on a mobile phone and tablet!

I'm still tweaking things a bit for appearance sake and I have a couple of issues I'd like to clear up. These are not critical issues, just esthetic.

1. The multiple "add to cart" button on the product listing page is way off to the right. I would like it to line up above, or closer to, the product listings.
   http://www.spminiatures.com/store/index.php?main_page=index&cPath=221

2. On the product info page the add to cart box is huge and I would like to make it smaller http://www.spminiatures.com/store/index.php?main_page=product_info&cPath=221&products_id=8785

I think that the those two issues are related.

3. I've manage to make margins around the page to add a nice background but I would like the margins only to be on the sides, not the top or bottom. Is that possible?

In my defense- I'm finding that dealing with the responsive templates much harder than the original zen cart I used. I can't seem to find the correct places to make the changes or solutions to some of the problems searching online.

Thanks for any advice.
Carol

I've managed to solve #3. In case anyone is interested - at the top of the stylesheet I put body {margin:0 40px where the 0 is for the top and bottom margins and the 40px is for the sides.

Carol

I have checked that "Show Model Number" in Admin->Catalog->Product Types is enabled but still the product number does not display on the product info page. Is there anything else that needs to be enabled?

When I switch the responsive_sheffield_blue template in Admin->Tools->Template Selection back to the default Responsive Classic Template then the model number shows up on the product info pages, but as soon as I switch to responsive_sheffield_blue there is no model number on the product info pages. How do I enable this when using the responsive_sheffield_blue template?

DML73:

When I switch the responsive_sheffield_blue template in Admin->Tools->Template Selection back to the default Responsive Classic Template then the model number shows up on the product info pages, but as soon as I switch to responsive_sheffield_blue there is no model number on the product info pages. How do I enable this when using the responsive_sheffield_blue template?

Take a look at the Product Details Tab. Is the model number there?

RixStix:

Take a look at the Product Details Tab. Is the model number there?

Ohhh there it is! thanks. I guess I will need to modify tpl_product_info_display.php to get it to display in the price/Add to Cart box.

hi!
Just playing around with the template, looks very nice
Have one problem with the buttons for the slide-show.
I think it is the small grey ones under the slide to select a slide , but ! have 3000 of them covering the slide and more !!
Quick fix for solving would probably be to disable the buttons, I really do not need them
Where do i do that ?
bjwatersupply dot com

cheers Filler

fillerf:

hi!
Just playing around with the template, looks very nice
Have one problem with the buttons for the slide-show.
I think it is the small grey ones under the slide to select a slide , but ! have 3000 of them covering the slide and more !!
Quick fix for solving would probably be to disable the buttons, I really do not need them
Where do i do that ?
bjwatersupply dot com

cheers Filler

I did check in the banner manager , and it filled up with slide entries and more (130pages)
might be a database problem.
I can delete those entries but will be big task.....

I have loaded 'editable center boxes' also called 'editable home page boxes' - all is fine except the left side column side boxes are now loading at the bottom of the center of the page and not to the left hand side as they should. Even when I turn the center box off in admin/configuration/editable_center_boxes the box disappears but the left side boxes are still loading center of page

Any ideas for a fix please? what template .php should I be looking at for errors?

cheers,
Mike

site: mothersdayaustralia.net.au

Chatra chat feature ?

Anyone had a successful implementation of it running this template ?

cheers
filler