Adjusting collection covers to create a shop by benefit section

Store Design

Topic summary

A user is building a “shop by benefit” section using the collection list feature in the Reformation theme (paid).

Current Issue:

  • Collection cover images display too large
  • Only 6 covers visible before requiring carousel swiping

Desired Outcome:

  • Reduce cover image size to show approximately 10 collection covers simultaneously
  • Improve visibility without excessive scrolling/swiping

Status: The user is seeking guidance on how to adjust the image sizing to achieve this layout. No solutions have been provided yet.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

I am creating a “shop by benefit” section on my website. To do this, I have ultilized the “collection list” section on my theme, Reformation (paid). Right now the images’ covers to the collections are too large. Only 6 covers are visible before having to swipe along the carousel. Ideally I would like 10 of the collection cover images visible.

How would I go about doing this? Any help is greatly appreciated.

Screenshot (213).png
Screenshot (213).png3000×2000 413 KB