This is code customization work not simple solution .
Thanks!
Topic summary
Request to add a product image slider and enable swiping through images from the collection/grid on mobile and desktop, plus move the Add to Cart button higher. The goal is a left/right swipe carousel without arrows.
Update: A CSS fix was provided to adjust layout via Online Store > Theme > Edit code > Assets > theme.scss.liquid. It sets the product form’s top margin to 0 and makes the grid product meta height auto on small screens. The requester confirmed this helped.
Follow-up: For enabling swipe on the collection page, the helper stated it requires code customization beyond a simple fix and asked for a screenshot. After the requester clarified the desired swipe behavior and shared an image, the helper reiterated it’s custom work.
Next steps and status: The layout tweak is addressed; the image slider/carousel on collection pages remains unresolved and would need custom JavaScript/HTML integration. No expert referral or implementation path was provided. A later participant asked if a solution was found.
Key terms: theme.scss.liquid (Shopify theme stylesheet), collection page/grid view (product listings), carousel/swipe (gesture-based image slider).