Wix Stores: Customizing Your Product Page
Important:If you see these options when you click the Product Page in the Editor, you have the new version of the Product Page. Learn how to customize the new Product Page.
The Product Page is a dynamic page which displays detailed information about each of your products.The page's design is always the same, but the contents (product images and text) changes 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. Changes made to a product in the Store Products tab in your site's dashboard affect only that product. Note:
No need to add the Product Page. It's added automatically when you add Wix Stores. The Product Page cannot be deleted.Accessing the Product Page settingsTo get started, navigate to the Product Page and access the settings.To access the Product Page settings:
Go to your editor. Click Pages & Menu  on the left side of the editor. Click Store Pages.  Click Product Page. Click the Product Page element on your page.Customizing the layout & image displayClick 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.Show me how
Click the Layout tab and select a layout for the Product Page. Click the Stretch to full width toggle to enable it.  Select how you want to display image thumbnails under Show thumbnails. Click the Image ratio drop-down and select a ratio. Select an option under How's image resized:
    
Crop: Crops all images to the same size. Fit: Maintains the images' aspect ratios.   Click the Zoom on image toggle to enable it (available for some layouts).  
Note: To preview the zoom, go to your live site.Tip: Click Reset to original layout to reset your Product Page to its original layout settings. Learn more about displaying images in your store. Customizing display settingsClick the Settings tab to select what elements you want to show or hide on the Product Page and customize the buttons. The Product Page comes with the Add to Cart button enabled by default. You can also enable the wishlist icon as well as the Buy Now button.Additionally, you can show customers the best payment method for them (instead of the Buy Button) based on the customer's location, payment history, and more. This option works if you have connected a relevant payment methods (e.g. PayPal, Apple Pay). Show me how
Under What's Displayed?, deselect the checkbox next to any element you do not want to show. Customize the Add to Cart button:
    
Click the Show Button toggle to enable or disable it. If enabled, select where the customer is directed when the button is clicked: 
        
Show success pop-up: A pop-up notification appears
Note: Doesn't appear on mobile. Mobile customers are directed to the Cart Page instead. Open Side Cart:  The Side Cart (Mini Cart) opens on the side of the screen. Go to Cart Page: Customers are taken directly to the 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.      Customize the Buy Now button:
    
Click the Buy Now toggle to enable it.
Note: When clicked, the customer goes right to checkout. Any products previously added to the cart do not appear in the checkout. If enabled, you click the Change automatically by payment method toggle to replace the Buy Now button with relevant payment options, (e.g. PayPal, Apple Pay).    Customize the social share icons:
    
Hide all icons: Click the Display share icons to disable it. Show some or all icons: With the Display share icons enabled, click the checkboxes next to icons you don't want to display to deselect them.    Tip:You can add a low stock message when inventory is less than 10 (e.g. Only 3 left in stock) and let customers notify you when they are interested in an item that is out of stock. Learn howEdit Product Page button textClick 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 these options. Show me how
Add to Cart: Edit the main purchase button text. Buy Now: Edit the Buy Now button text. Subscribe Now: Edit the Subscribe Now button text. This button is displayed to customers if you sell product subscriptions. Learn more Out of Stock: The Add to Cart button text changes automatically to Out of Stock when there is no inventory. The font and color cannot be customized. Back in Stock: The Add to Cart button text changes automatically to Notify When Available when there is no inventory if back in stock notifications were enabled. Learn moreAdding a wishlistA wishlist is a great way to let customers keep track of products they like. Customers click the wishlist icon to add an item to their personal list.To get started, click Add Wishlist. The wishlist icon is added to the Product Page next to the Add to Cart button. A personal wishlist page appears in each customers personal Members Area.For complete instructions on adding and customizing the wishlist, click here.Customizing the Product Page designYou 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.Customize design options:Backgrounds & BordersSelect a color for each of the available options and drag the slider to change the opacity.Product Details
Align product details (e.g. product name) left, right, or center. Select a text color and font for the text options:
    
Product Name SKU Product Price   Select a payment option appearance: Relevant for certain payment options such as Laybuy. Select a text color and font for the text options:
    
Price breakdown: Customize prices displayed as a range  (e.g. "From $12"). Product options & subscriptions: For product options and product subscriptions. Quantity: Customize the quantity selector.    Customize the product description:
    
Select a font and color. Align the product description text left, right, or center. Limit the number of rows that appear and add a Show More button customers can click to see the full text. If checked, select the maximum number of rows to display before clicking Show More.  Buttons
Customize the Add to Cart button:
    
Click to select a button style. Select a fill color and drag the slider to change the opacity. Select a border color and drag the slider to change the border width.
Tip: Borders are available with some layouts. Drag the slider to make the button more round or more square. Select a text font and color.   Repeat the steps for the Buy / Subscribe Now button. Select a button style for the Payment Method button (e.g. PayPal, Apple Pay)Info SectionsWhen you create a product, you can add info sections to provide additional information (e.g. product specs or a size chart).
Select a layout for your info sections, Collapse, Stack, Tabs, or Columns.
Collapse layout tip: With 1 or 2 info sections, both appear expanded. With 3 or more, only the first appears expanded. Customize the layout you selected. Available options vary according to which layout you chose. Customize an info section table:
    
Select the table border color and drag the slider to change the opacity. Select the table background color and drag the slider to change the opacity. Select the color of even numbered rows and drag the slider to change the opacity.
  SubscriptionsYou can customize how product subscriptions are displayed in the product page.
Price placement: If you offer both subscription and a one-time purchases, select which option appears first. Select a subscription box color and drag the slider to change the opacity.Note:
You can change the privacy settings to restrict access to the Product Page. Learn how You can also restrict access to certain products and not others. Learn how