How to Display Collections in Circle, Square, or Blob Shapes on Homepage

Store Design

Topic summary

A user working with Shopify’s Dawn theme wants to display homepage collections in non-standard shapes (circles, squares, or blobs) rather than the default rectangular layout.

Current Status:

  • The user has shared a screenshot showing their current collection layout
  • They’re seeking solutions through either:
    • Theme settings customization
    • Custom code implementation
    • Third-party apps

Response Received:

  • One community member offered a CSS solution using border-radius: 100px to create rounded shapes
  • They requested the store URL to provide specific implementation help

Resolution Status: Ongoing - awaiting further interaction between the original poster and the responder to implement the CSS solution.

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

Hi Shopify Community,

I’m using the Dawn theme for my Shopify store, and I want to display collections on the homepage in unique shapes like circles, squares, or blobs instead of the standard rectangular layout.

Is there a way to customize the collection display shapes using the theme’s settings? If not, could someone guide me on how to achieve this using custom code or recommend any apps that might help?

Your advice would be greatly appreciated!

Thank you,

ScreenShot_20241214041044.png
ScreenShot_20241214041044.png1575×826 161 KB

2 
.your-class{
border-radius: 100px;
}

Share ur URL I will do it,

If its helpful Like & Accept as solution