Set Up Product Image Zoom

Set Up Product Image Zoom

You can set up a "zoom" effect for the products on your store page by downloading the Image Zoom App.

 

Download the Image Zoom app

First, download the Image Zoom App:

  1. Select App > App Market on the left-hand sidebar of your Shop dashboard.
  2. Click on the app titled Image Zoom.

    Screen_Shot_2022-08-10_at_5.02.09_PM.png
  3. Purchase the app using the card you have on file under My Profile > App Market Billing. If you have not entered a payment method here, you will be prompted to do so before you are able to download the app.

You may manage your app subscriptions at any time by visiting Apps > My Apps. Here is where you can uninstall apps, get help, or report a concern.

 

Customize your store's image zoom style

The Image Zoom app has many styles to choose from:

  1. Navigate to Catalog > Image Zoom on the left-hand sidebar. 
    Screen_Shot_2022-08-10_at_5.04.52_PM.png
  2. Select the image zoom style you would like to add to your store, customize the lens, border or tint if desired.
  3. Click Save.

You can then preview the product image zoom by visiting one of your product pages. 

    • Related Articles

    • Use Advanced CSS to Style Your Store

      You can easily customize the look and feel of your Shop by using Cascading Style Sheets (CSS). How to Add Custom CSS To add custom styles to your store: Click Design from your Shop App dashboard. Next, click Create Theme to start your new, unique ...

    • Add Product Ribbons or Callouts to the Shop App

      Ribbons are colored horizontal product labels that are displayed on product listings thumbnails and product details pages in your store. You can put any text you like on them (e.g. “Bestseller”, “20% Off”, “New”, “Christmas deal” or “Free Shipping”). ...

    • Set Up Product Variations for Your Online Store

      Learn how to use product variations to manage different product options like size, color, or style. This guide covers assigning unique images, tracking inventory with SKUs, adjusting prices, and more. Understanding Product Variations Product ...

    • Changing the Look of Your Store

      Once your Websites 360® site is set up for basic shopping functionality, it's time to customize the look and feel of the contents of the store. From Marketing 360®, click Shop App from the dashboard or from the App Menu near the top left corner of ...

    • How to Find Your Shop App Store ID

      To quickly view your Shop App Store ID, you can hover over the My Profile link in your dashboard and view the URL that's previewed in the bottom left corner of your browser. The Store ID will be directly after '/store/' in the URL.