Multipurpose theme documentation
Multipurpose Fashion Theme
Theme Settings Collection Tiles
Multipurpose Fashion Theme
Collection Tiles control how collections are displayed on homepage sections and collection listing pages. These settings define layout, image behavior, background, and text direction.
Shopify Admin → Online Store → Themes → Customize → Theme settings → Collection Tiles
1. Collection Tile Ratio
Setting ID: collection_tile_ratio
Controls the shape of the collection image container.
- Portrait (2:3)
- Landscape (4:3)
- Square (1:1)
- Circle (1:1)
Preview
Portrait is ideal for fashion collections. Square is clean and modern. Circle is often used for featured categories.
2. Zoom Image to Fill Space
Setting ID: collection_zoom_image_to_fill_space
When enabled, images crop slightly to fully fill the tile container.
Disable if important parts of your collection images are being cut off.
3. Collection Tile Background
Setting ID: collection_tile_background
- Grey
- White
Controls background color behind collection images and text.
Use Grey for visual separation. Use White for minimal clean layouts.
4. Collection Image Source
Setting ID: collection_tile_image_source
- Collection image
- First product image
Collection image uses the image uploaded inside the collection settings. First product image automatically pulls the first product's image.
Use Collection image for full design control. Use First product image for automatic population.
5. Image Breathing Room
Setting ID: collection_image_breathing_room
Adds internal spacing around the image. Measured as percentage.
Higher value creates more white space. Lower value makes image fill more space.
6. Text Direction
Setting ID: collection_tile_text_direction
- Left to Right (LTR)
- Right to Left (RTL)
Controls reading direction for collection titles. Important for Arabic, Hebrew, and RTL languages.
For most stores, keep LTR. Enable RTL only for RTL language stores.
Common Mistakes
| Problem | Cause | Solution |
|---|---|---|
| Images look inconsistent | Using automatic first product image | Upload custom collection image |
| Important image cropped | Zoom enabled | Disable zoom |
| Layout feels crowded | Breathing room set too low | Increase spacing percentage |
| Text alignment wrong | RTL enabled incorrectly | Switch back to LTR |
FAQs
Defines the shape of collection thumbnails such as portrait, landscape, or square.
Choose whether the tile uses the collection’s featured image or the first product image.
Scales images to fill their container, possibly cropping edges.