Home Forums Basel support forum Product page product variations

Product page product variations

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #71764

    farsheed
    Participant

    Hi,

    how do I make product variations on my product page change from drop down to image thumbnails

    Thanks

    #71778

    Hello,

    1. Dashboard -> Products -> Attributes -> Color -> Configure terms;
    2. Enter each Variable and set сolor or image which will be shown as a swatch;
    3. Navigate to Theme Settings > Shop > Attribute swatches > choose pa_color (your color attribute) and set “Use images from product variations”

    You can also view this video tutorial: https://xtemos.com/docs/woodmart/variable-products-swatches/

    Best Regards

    #72167

    farsheed
    Participant

    awesome .. not how do I change from default swatch size .. to large or extralarge?

    #72187

    Hello,

    This is possible to do with custom CSS:

    .single-product-content .variations .swatches-select .colored-swatch, .single-product-content .variations .swatches-select .image-swatch {
        width: 35px;
        height: 35px;
    }

    Best Regards

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