
How to Change Your Product's Eye-Catching Image: A Step-by-Step Guide
To change a product's eye-catching image (default product image):
- Open the product editor:
- Navigate to the Page Panel
- Click on the store page
- Double-click the product to open editor
- Set new eye-catching image:
- Scroll to Images section
- Click "Eye-catching Image"
- Upload new image or select from library
- For existing images: click three dots > Delete > Upload new image
- Click Save
Key Points:
- Eye-catching image appears across the site and social media
- Default is first image in product editor
- Used in product blocks, summary blocks, store pages
- Serves as social media preview if no alternative sharing image
Adjusting Image Focus:
- Cannot edit focus of custom eye-catching images
- To adjust focus: remove custom image
- First product image becomes default
- Edit focus settings on default image
Note: For variation-specific images that appear on product detail pages, use the "Product Images" section instead.
Understanding Display:
- Appears in version 7.1 product blocks
- Shows on summary blocks
- Displays on store pages
- Used in version 7.0 advanced store pages
- Functions as social media preview image
This image represents your product across your entire site, so choose a high-quality, representative image that works well in different contexts and sizes.
Related Articles
How to Create and Manage Sale Prices for Products
