How to Change Your Product's Eye-Catching Image: A Step-by-Step Guide

How to Change Your Product's Eye-Catching Image: A Step-by-Step Guide

By Michael Turner

February 26, 2025 at 11:58 PM

To change a product's eye-catching image (default product image):

  1. Open the product editor:
  • Navigate to the Page Panel
  • Click on the store page
  • Double-click the product to open editor
  1. 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

Previous Articles