header-logo
Learn how to build your website and business using Wix.
Design and manage your site with smart functionalities.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Show or hide Product page elements
  • Customize Product page settings
  • Customizing the layout & image display
  • Customizing the Product page design
  • Edit Product page button text
  • FAQs
  1. Home
  2. Managing your business
  3. Business solutions & apps
  4. Wix Stores
  5. Designing your store
  6. Wix Stores: Customizing Your Product Page

Wix Stores: Customizing Your Product Page

9 min
In this article
  • Show or hide Product page elements
  • Customize Product page settings
  • Customizing the layout & image display
  • Customizing the Product page design
  • Edit Product page button text
  • FAQs
Important:
This article applies to the Product page in the Wix Editor and Wix Harmony Editor. Learn how to customize the Wix Studio Product page.
The Product page is a dynamic page that displays detailed information about each of your products.
Screenshot of the product page on a sample site in a Wix store.
The page's design is always the same, but the contents (product images and text) change according to which product is displayed. 
Any customizations you make to the Product page, such as changing the background color or button text, affect all products. 

Show or hide Product page elements

Click the Display tab to select which elements you want to show or hide on the Product page.
Note that the Product page comes with the 'Add to Cart' button enabled by default. You can also enable the wishlist icon (from the Settings tab) as well as the 'Buy Now' button.
Screenshot of some of the available buttons that can be displayed on the Product Page in a Wix site
You also have the option of replacing the 'Buy Now' button with an express checkout option (e.g. PayPal, Apple Pay, Google Pay). 
Screenshot of some of the available buttons that can be displayed on the Product Page in a Wix site
  1. Go to your editor.
  2. Go to your Product page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Store Pages. 
    3. Click Product Page.
  3. Click the Product page element on your page.
  4. Click Settings.
Screenshot of the Product Page in the Wix Editor and the Settings button outlined
  1. Click the Display tab.
  2. Select or deselect any of the checkboxes to show or hide elements.
Tip:
Selecting the checkbox next to Low stock message lets customers know that only a few units are left. When a product's inventory drops to less than 10, a message appears (e.g. 'Only 3 left in stock').

Customize Product page settings

  1. Go to your editor.
  2. Go to your Product page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Store Pages. 
    3. Click Product Page.
  3. Click the Product page element on your page.
  4. Click Settings.
Screenshot of the Product Page in the Wix Editor and the Settings button outlined
  1. Click the Settings tab.
  2. Click Add to Cart button and choose what happens when the button is clicked:
    • Show success pop-up: A pop-up notification appears. 
      Note: The pop-up doesn't appear on mobile. Customers are directed to the Cart page.
    • Open side cart: Opens on the side of the screen.
    • Go to cart page: Customers are taken directly to the full Cart page.
    • Stay on product page: Customers stay on the Product page. The button displays a checkmark to indicate that the product was successfully added. 
  3.  Click Wishlist button and  then click the Show "Add to Wishlist" button toggle to enable or disable it.
    Tip: Learn more about adding and setting up a wishlist.

Customizing the layout & image display

Click the Layout tab to select the best Product page layout for your shop. Then, customize how images are displayed. 
Note:
The image options vary according to the layout you select.
  1. Go to your editor.
  2. Go to your Product page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Store Pages. 
    3. Click Product Page.
  3. Click the Product page element on your page.
  4. Click Settings.
Screenshot of the Product Page in the Wix Editor and the Settings button outlined
  1. Click the Layout tab.
  2. General:
    1. Select a layout for the Product page.
    2. Click the Stretch to full width toggle to enable or disable it. 
  3. Product images: Learn more about displaying images in your store. 
    1. Click the Image ratio drop-down and select a ratio.
    2. Select an option under How's image resized:
      • Crop: Crops all images to the same size.
      • Fit: Maintains the images' aspect ratios.
    3. Click the Zoom on image toggle to enable it (available for some layouts).  Note: To preview the zoom, go to your live site.
    4. Select how you want to display image thumbnails under Show thumbnails.
  4. Color swatches: Select how you want to display product option and modifier text choices (like 'Size') and customize the option you chose.

Customizing the Product page design

You can customize the colors, fonts, button styles and more to create a look that suits your store's vibe. To get started, click the Design tab.
Tip:
Available customizations may vary depending on the layout and setting options you chose.
  1. Go to your editor.
  2. Go to your Product page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Store Pages. 
    3. Click Product Page.
  3. Click the Product page element on your page.
  4. Click Settings.
Screenshot of the Product Page in the Wix Editor and the Settings button outlined
  1. Click the Design tab.
  2. Customize the design using the available options.
Learn more about:

Edit Product page button text

Click the Text tab to edit any of the text options that can appear on the Product page buttons. 
Tip:
If you disabled the Add to Cart or Buy Now buttons, you won't see some options. 
  1. Go to your editor.
  2. Go to your Product page:
    1. Click Pages & Menu  on the left side of the editor.
    2. Click Store Pages. 
    3. Click Product Page.
  3. Click the Product page element on your page.
  4. Click Settings.
Screenshot of the Product Page in the Wix Editor and the Settings button outlined
  1. Click the Text tab.
  2. Edit any of the available text options.
Learn more about:

FAQs

Did this help?

|
Hire a ProfessionalGet matched with a Wix Partner who can help you reach your site goals.
Start Now

Helpmate

Hello

Need a bit more guidance?
Summary of this article
Related articles
Product Page: Font for Options is Different on Mobile (Includes Workaround)
Product Widget: Product Image Isn't Properly Resized on Mobile (Includes Workaround)
Wix Stores: Adding the Kudobuzz Reviews App
Third-Party App: Uploadly - File Upload by Inspon
Unlock personalized helpLog in to get the most out of Helpmate.