product page: display all product images in column

  • Hi

    in the product page, how can I display all images of a product (not just the featured image), one above the other ?

    I am building a child theme of Storefront.

    Thanks

Viewing 1 replies (of 1 total)

  • Hi @louisjj,

    > in the product page, how can I display all images of a product (not just the featured image), one above the other ?

    Good question! This is editing the WooCommerce gallery, not really Storefront.

    You could use CSS to set each thumbnail to be 100% of the container width:

    
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 100%;
}

    You would also need to make sure the WooCommerce > Settings > Product > Display “Thumbnail” settings are the right size, too.

    Best,

Viewing 1 replies (of 1 total)
  • The topic ‘product page: display all product images in column’ is closed to new replies.