Focus Collection
The Focus Collection section highlights products from a specific collection in a clean, engaging layout. Perfect for best-sellers, new arrivals, or themed collections, it helps customers explore featured items quickly and increases product visibility.
1. How to Add the Focus Collection Section
Add this section to your homepage or other pages to feature collections easily:
- Go to Shopify Admin ? Online Store ? Themes.
- Click Customize on the Emoll-Apario theme.
- Use the page selector to choose the page where you want to add the Spotlight Collection section.
- Click Add Section (or select an existing Focus Collection section if already added).
- Click Save to apply your changes.
2. Focus Collection Settings
- Color Scheme: Choose a color scheme to define the banner's background, text, and overall tone (e.g., Scheme 4).
- Heading: Enter a bold title for the section (e.g., "Focus Collection").
- Heading Size: Choose the heading size (e.g., H5) to control prominence.
- Select Collection: Pick the collection whose products you want to feature (e.g., Tops).
-
Select Image:
- Upload a custom image for the Focus banner.
- If left blank, the default image from the selected collection will display.
- Image Overlay: Adjust overlay intensity to improve text visibility over the image.
- Image Heading: Add a promotional or descriptive line on top of the image (e.g., "Sparkle More - Get 20% Off All Jewellery!").
- Product Card Style: Choose between available product card layouts.
-
Product Cards - Image Aspect Ratio:
- Square: 1:1 uniform product images.
- Portrait: Taller vertical images.
- Landscape: Wide horizontal images.
- Adapt to Image: Keep original image proportions.
- Show Vendor: Display vendor/brand names on product cards.
- Show Product Options: Show variant options like size or color directly on product cards.
- Enable Quick View: Allow customers to preview products in a popup without leaving the page.
- Enable Auto Slide: Enable automatic sliding of the focus collection banner.
-
Mobile Layout - Number of Columns:
- One Column: Products in a single column for mobile scrolling.
- Two Columns: Products side-by-side for a compact mobile grid.
