WordPress.org

Ready to get started?Download WordPress

Forums

Setting size Woocommerce Thumbnails in product page (2 posts)

  1. lennyfry
    Member
    Posted 5 months ago #

    Hello.

    I've been reading through all of the forum posts regarding Thumbnail problems etc. Have yet to see this question.

    I'm looking to set the thumbnail size to the same size as a swatch size of 32 x 32px. For some reason when i go through Woocommerce>>settings>>catalog...and change the dimensions of thumbnails. Nothing changes. Everything else changes. The swatches, the product images. Everything. Except the thumbnails.

    When i go through Settings>>media>> and change them there. Nothing happens for the thumbnails. Everything else happens. But not the thumbnails.

    So i'm trying to set the size of these thumbnails to a smaller size so that if there are 12 pictures it doesn't take up a ridiculous amount of space below the product images. So that is can be cleaner. Maybe having it to a size where thumbnails match the colour swatch sizes.

    Colour Swatch Sizes: http://www.xshelmets.com/shop/helmets/classic-skate/
    Too large Thumbnail sizes: http://www.xshelmets.com/shop/desireables/desireables/

    I'm not a coder but i work closely with one. Is there any info you can offer that will allow us to changes the default settings here in the code so that the thumbnails automatically change to this size?

    Thanks
    L

  2. DJDoubleXL189
    Member
    Posted 5 months ago #

    Try adding this CSS:

    .product-images .thumbnails .zoom {
    max-width: 32px;
    }

Reply

You must log in to post.

About this Topic