I suggesting using order in flexbox to set the desired position for your own product
.ProductItem-summary {
flex-direction: column !important;
}
.ProductItem-summary .ProductItem-details {
order: 1;
padding-top: 0;
}
.ProductItem-summary .ProductItem-details h1 {
margin-bottom: 0;
}
.ProductItem-summary .ProductItem-gallery {
order: 2;
}
.collection-content-wrapper .ProductItem-nav {
padding-bottom: 2em;
}
Let me know if it work properly on your site
Support me by pressing đź‘Ť if this useful for you
Â
