mobile device issue with product thumbnails

[huntingensemble]

@creatorofstuff Thanks for this!

[Melanie – SUPPORT]

Great 🙂

[huntingensemble]

@Swift Ideas – Ed
Is it possible to get the code that solves the slice of the product image that is showed under the featured image? Which has been updated in v.1.3.3.

I know it’s better to fully update at onces (what @creatorofstuff mentioned) but im scared that I loose my customizations that I did in the parent theme. I know, i need to look in to the child theme modification… but will have to make some time for that…

Thanks in advance.
Joost

[huntingensemble]

Just to get an idea, i’ve customized the following php files in the parent theme. If I transfer them to the child time (root folder) and do an update will these settings be safed?

Or do I need to do something with the templatestructure? I’ve read that if the theme is well-constructed (which I think this theme is 😉 ), you should be fine putting them in the root of your folder without replicating the original directory structure.

woocommerce/content-single-product.php
woocommerce/content-product.php
…/sf-woocommerce.php
wp-content/themes/neighborhood/woocommerce/single-product/meta.php
…/sf-header.php

Thanks again,
Joost

[Swift Ideas – Ed]

If you copy those to the child theme they should be used, if not just copy them back once you’ve updated!

– Ed

[huntingensemble]

Hi Ed,

I did as you told. The trick with the child theme didn’t work so I copied them back to the parent theme once I’ve uploaded, thanks!

What do I do with the Style.css file (in neigborhood) I did some customiziations in there as well… I assume if i copy that one back I maybe loose some of the updated css rules (like new rules you have added in the new version)…

Just add them manually?

Best
Joost

[huntingensemble]

Ps. I’ve uploaded to the most current version of the theme and I still see a slice of the image which is “behind” the featured tumbnail. Please see attached screen made on my iPhone Safari iOS7.

The settings for images in woocommerce are:
Catalog images: 540×810
Single Product images: 540×810
Product tumbnails: 120×178

Regenerated tumbs many times but this doesn’t seem to be the problem.

Any advice how to solve this issue?

[Swift Ideas – Ed]

Best thing to do is add custom styles to the custom css box within theme options.

Looks like you don’t have the updated /css/responsive.css for that issue?

– Ed

[huntingensemble]

Hi Ed,

About CSS:
Ok great I will add my modifications to the custom css box within the theme.

About the Tumbnail:
I’ve updated to the latest version so I think I should have he updated /css/responsive.css? Or not?

Thanks again.
Joost

[Swift Ideas – Ed]

Can you provide a link for me to check your site please?

Thanks,

– Ed

[huntingensemble]

This reply has been marked as private.

[Swift Ideas – Ed]

You seem to have somehow removed the default figcaption element that shows on hover?

– Ed

[huntingensemble]

Hi Ed,

Yeah I did, I wanted a full screen image with a bar at the end. Is that what’s causing the image to display the image underneath the featured image?

@creatorofstuff had the same issue with the ipad vieuw i think…

http://support.swiftideas.net/wp-content/uploads/2013/09/iPad-products-problem.jpg

Best
Joost

[Swift Ideas – Ed]

Ok, if you don’t want the overlay showing on iPad, then you’ll need to update the JS in /js/functions.js, removing lines 520-522:

if (jQuery('#container').width() <= 1024) {
	productImageHeight = productImageHeight + 20;
}

- Ed