Wix Stores: Product Page
Below are the slots and APIs that are available when building a plugin for the Product page.
Important: The slots and APIs are different depending on which version of Wix Stores a user has on their site. Your app should include placements for both versions.
Plugin slots
The following images show the slots available in the Product page, into which users can add plugins. The locations of slots differ slightly depending on which version of Wix Stores and which page layout a site is using.
New product page
Note:
If using the product-page-media-1
slot, it may overlap with the thumbnail images on the left hand side in a desktop view. In this case, we recommend offering settings in your app to control the left padding.
Mobile:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_new-product-slots-mobile.png)
Desktop:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_new-product-slots-desktop.png)
Old product page
Mobile:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_old-product-slots-mobile.png)
Classic:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_old-product-slots-classic.png)
Simple:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_old-product-slots-simple.png)
Sleek:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_old-product-slots-sleek.png)
Spotlight:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_old-product-slots-spotlight.png)
Stunning:
![](https://wixmp-833713b177cebf373f611808.wixmp.com/images/wix-stores-product-page-md_build-apps-portal_develop-your-app_extensions_site-extensions_site-plugins_supported-wix-app-pages_assets_old-product-slots-stunning.png)
pluginInterface
and productId
For pluginInterface
in your plugin's configuration, use PRODUCT
. This allows you to use productId
as a new property in your widget's API.
Related Wix APIs
In your Blocks widget or in your app's server code, you may want to perform actions or implement logic that is dependent on the current product or related data.
You can do this using the Wix Stores APIs (Velo, REST, JavaScript SDK).