Support » Theme: Storefront » 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)
  • Mikey Arce

    (@mikeyarce)

    Automattic Happiness Engineer

    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.