Support » Theme: Shop Isle » Product gallery images displaying incorrectly as a stack

Viewing 13 replies - 1 through 13 (of 13 total)
  • Hi,

    Are you using the latest version of the theme? Please update to the latest version of the theme, clear your browser cache, and it should be fixed.

    Let me know if it does. 🙂

    I was having exactly the same issue. Upgraded to Version: 2.2.13 and cleared the cache. Working fine now.

    http://www.drbobs.com.au/product/the-laboratory-55hr/

    Shopisle v2.1.4 is the current up-to-date theme according to my WP backend.
    Cleared cache, problem persists.

    Hi maxwellharrison

    2.2.13 is the latest version, if its not automatically updating through WordPress go to https://themeisle.com/ and login. It should take you to your plan where you can manually download the latest version. The only problem for me is that I have updated to 2.2.13 and cleared the cache but the problem persists. (I even uninstalled wp rocket my cache plugin but it made no difference)

    But for some it does fix the issue.

    There appears to be a problem with caching that is causing the thumbnail problem. I hope this helps you in some way.

    Cheers

    Jeremy

    Thank you @jembalino @hardeepasrani @drbobsapothecary
    I persisted and manually installed the latest version of the theme (by changing name of original theme folder with FTP).

    It improves the appearance of the product gallery, but the thumbnails are very big.

    I wonder how to make them smaller (like the demo), and make them all appear in a horizontal line.

    Have tried editing CSS, and can reduce the size that way with
    .flex-control-nav.flex-control-thumbs {
    max-width: 100px;
    }
    but they stack one on top of the other with a large right-hand margin.

    This is on Chrome by the way

    Hi Maxwell,

    If you now have 2.2.13 installed and your thumbnails are large and repeated down the page the direction given by Hardeep was to empty your broswer cache. Go to Google settings here: chrome://settings/ and clear browsing data (choose your desired settings, then clear). Then, if you have a caching plugin clear your cache and apparently it should be fixed. As I have said previously this has fixed the issue for some but I have done all of the above and the problem still persists. I reverted to Woocommerce 2.9 and the problem no longer occurs. This issue, as far as I can see is caused by the update of Woocommerce 3.0 not being compatible with the Shopisle theme and I can only think that it is up to Themeisle to fix this. I would not attempt to edit your CSS but wait for the theme developers to fix and then update.

    I hope this helps. It seems to be a waiting game unless Themeisle can point us in the right directon as to why it is fixed for some and not for others. I am more than happy to be corrected if I have have made wrong conclusions on this matter and apologise in advance if this is the case.

    Best regards

    Jeremy

    • This reply was modified 3 years, 3 months ago by jembalino.

    Hi Maxwell

    Just as a temporary fix, if you install the wooswipe plugin it temporarily fixes this issue. It is not a long term solution but at least your pages looks better.

    Cheers

    Jeremy

    Thanks Jeremey
    I had been clearing my cache, and the problem remained.
    Will try wooswipe as a temporary fix.
    Maxwell

    Hello,
    I have the same problem. My product images is croped. The problem is from the theme or from the WooCommerce?

    Thank you!

    I installed the latest version of Shopisle (2.2.14 released April 24 2017), and noticed the About us page template was missing.

    I reverted to the previous version 2.2.13.

    I’m now using WooSwipe for my Product gallery, and like the interface so sticking with that, so can’t confirm if 2.2.13 or 2.2.14 is fixing my original problem with the stacking gallery thumbnails.

    My “catalog” images were cropping.
    I specified the desired thumbnail dimensions using the fields at
    Woocommerce > Settings > Products > Display

    Then I used “Regenerate thumbnails” plugin to resize them. Cleared the cache, and that sorted it for me.

    Hi all,

    I noticed that this has been marked as resolved but technically I would say it hasn’t been. The wooSwipe plugin has replaced Shopisles functionality regarding product thumbnails and so they are displayed correctly. If WooSwipe is deactivated the thumbnail issue is still there no matter how much you clear caches, regenerate thumbnails, or hack code. Reverting back to Woocommerce 2.9 fixes the issue. Hardeep said he would look into the problem gaining access to our website’s backend but no fix has appeared. In fact there is an odd silence about it. Felippe commented that there is an issue ones are facing and reverting back to Woocommerce 2.9 answers the problem but is not a long term fix. Frankly I’m amazed at the lack of response from Themeisle and would not be happy if I had paid for the Pro theme which I was more than happy to do because I think the theme is great and would like to add more content to the homepage. But the Woocommerce thumbnail issue still exists and unfortunately is not resolved.

    Cheers

    Jeremy

    Hello everyone,

    I don’t know why you guys having problem with product gallery images although it has been resolved in the previous version of the theme.
    Wooswipe or no any other plugin required, the theme has its own features to display product gallery images. I don’t have any issue with the theme at my end.
    I would recommend you use the latest version of the theme.

    @maxwellharrison yes the about page template missing from the latest version so for this you can use shopisle companion plugin. It will provide about page template and front page slider as well.Here is the link https://themeisle.com/plugins/shop-isle-companion/

    Hope it helps and let me know if you require any further assistance.

    This happened to me as well. I won’t update my theme because I did so much work to it and don’t want to lose all of that customization.

    Try this in your Custom CSS (you can add more if you plan to have more gallery photos) – Good luck!

    ——————–

    .single-product div.product .images { width: 50%; padding-right: 5px !important; }

    .woocommerce-product-gallery__image:nth-child(2),
    .woocommerce-product-gallery__image:nth-child(3),
    .woocommerce-product-gallery__image:nth-child(4),
    .woocommerce-product-gallery__image:nth-child(5),
    .woocommerce-product-gallery__image:nth-child(6),
    .woocommerce-product-gallery__image:nth-child(7),
    .woocommerce-product-gallery__image:nth-child(8),
    .woocommerce-product-gallery__image:nth-child(9),
    .woocommerce-product-gallery__image:nth-child(10)
    { max-width: 150px !important; height: auto !important; display: inline-block; padding: 10px; }

    .woocommerce-product-gallery__image:nth-child(2) { margin-left: -10px; }

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Product gallery images displaying incorrectly as a stack’ is closed to new replies.