Image Showcase
The Image Showcase section allows you to create a modern, visually engaging layout using multiple images in a grid style. It is perfect for highlighting featured collections, promotions, or style categories such as new arrivals, seasonal trends, or curated looks.
1. How to Add the Image Showcase Section
Follow these steps to add the Image Showcase section to your store:
- Go to Shopify Admin → Online Store → Themes.
- Click Customize on the Emoll-Apario theme.
- Select the page where you want to display the section (e.g., Home page).
- Click Add Section and choose Image Showcase.
- Click Save to apply changes.
2. Image Showcase Section Settings
- Color Scheme: Select a predefined color style that matches your store branding.
-
Row Height:
Adjust the height of image rows for different devices:
- Desktop Row Height: Controls image height on desktop screens.
- Mobile Row Height: Controls image height on mobile devices.
3. Manage Image Blocks (Media)
Each image in the showcase is added as a Media Block. You can add multiple blocks to create a unique grid layout.
- Add Media: Click Add Media to insert a new image block.
- Select Video: Upload or choose a video from your Shopify media library.
- Select Image: Upload or choose an image from your Shopify media library.
- Image Overlay: Adjust overlay opacity to improve text readability on images.
- Title: Add a title displayed on top of the image (e.g., "New Arrivals").
- Image Link: Attach a link to redirect users when they click the image.
-
Desktop Layout:
- Columns: Define how many columns the image spans.
- Rows: Define how many rows the image spans.
-
Mobile Layout:
- Columns: Adjust layout for smaller screens.
- Rows: Control vertical spacing on mobile.
- Remove Block: Select a media block and click Remove block to delete it.
