Changing Product Page Small Images

  • Hi,

    Would someone be able to help provide some code to help reduce the images from 1 to 2 on both the sticky-add-to-cart and product pagination features on Storefront of Woocommerce.

    These are the little images on the left and right of the screen to go to another product, and the sticky header to add to cart.

    They have 2 images, but would want just 1.

    Thanks

    Brock

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi Brock, are you able to provide a link to your live site? If not, are you able to grab a screenshot of the area you’re referring to? You can upload the screenshots to https://snipboard.io and share the link here if so.

    I know that the product navigation stuff usually only has the featured image showing as the area to click on so not quite sure where you are seeing the 2 images you mentioned showing.

    Thread Starter brockh21

    (@brockh21)

    Hi Jarret,

    Yeah thanks, my product page has only 1 image for related products, but 2 for the sticky cart and left and right page arrows.

    The link is here: https://bespokebobbins.co.uk/product/bone-birds-flowers-spring/

    Brock

    I’m not sure why there are two images in the product navigation and sticky cart in the first place — this may be due to a plugin you have installed, or it might be a caching issue, but I’d suggest to check that first. There is a good guide to test for conflicts here, which might help you find the cause:
    https://docs.woocommerce.com/document/woocommerce-self-service-guide/#section-4

    If that doesn’t help, you can remove the second image in the sticky cart and left/right product navigation by adding the following CSS code:

    .storefront-sticky-add-to-cart__content img:nth-child(2),
.storefront-product-pagination a img:nth-child(2) {
  display: none;
}
    • This reply was modified 4 years, 11 months ago by Senff - a11n.
    Thread Starter brockh21

    (@brockh21)

    I have removed all cache and completed updates, but to no avail so I have used your code instead and it’s done the trick thank you

    Thank you for the guide as future reference

    Brock

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing Product Page Small Images’ is closed to new replies.