How to move the variant image selector on product cards in collection page

IntechCarl · ‎03-04-2025

Hi everyone.

I wanted to adjust the position of my variant image selector in my product page in collection pages. Does anyone know how to move it? See photo for reference
Store Preview URL: https://1r0c4mtux8ldg2yl-13830324282.shopifypreview.com

sadik_ShopiDevs · ‎03-04-2025

Hi @IntechCarl

You need to move the code for your variant image selector inside your <h3 class="card__heading h5"> div. This should adjust its position on your product cards in the collection page.

If you're unable to do this, feel free to inbox me—I’d be happy to help you out for free! 😊

Thank you

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

How to move the variant image selector on product cards in collection page

How to move the variant image selector on product cards in collection page

Community Blog Articles