Gallery + Buybox
- Marta Siewierska-Stańczak
- Alicja Woźniak
TABLE OF CONTENTS
Summary
The top part of PDP consists of gallery and Buybox.
Demo
Simple product: https://demo.magesuite.io/en/strive-shoulder-pack.html
Simple product out of stock: https://demo.magesuite.io/en/luma-analog-watch.html
Configurable product: https://demo.magesuite.io/en/artemis-running-short.html
Configurable product with some out of stock options: https://demo.magesuite.io/en/erika-running-short.html
Product with daily deal: https://demo.magesuite.io/en/zing-jump-rope.html
Bundle product: https://demo.magesuite.io/en/sprite-yoga-companion-kit.html
Product with variants: https://demo.magesuite.io/en/sprite-stasis-ball-75-cm-blue.html
Magesuite standard
Mobile layout
Desktop layout
List of components:
Gallery - By default MageSuite uses Fotorama but the other option is to use a custom MageSuite gallery module: https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2338226177
Category
Product name
Reviews summary
Price box
Quantity switcher
Add to cart button
Stock information
Optional popular indicator - Express delivery (https://creativestyle.atlassian.net/wiki/spaces/MGS/pages/1997504556 )
Optional positive indicator - (https://creativestyle.atlassian.net/wiki/spaces/MGS/pages/1996881984 )
Popular indicator - optional (https://creativestyle.atlassian.net/wiki/spaces/MGS/pages/1996488739 )
Related products in buybox - optional module https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2311061592
Add to links (
add to wishlistis visible by default,add to comparecan be added in layout)USPs - hardcoded information about the most important shop feature (the same for all products)
Additionally, short description can be shown in the buybox
For configurable products, there are swatches displayed:
Swatches
Swatches can be displayed as a color box, image, text, or dropdown
Additional modules
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2303557791 The CMS Product Backlink feature allows referencing CMS Pages on the Product Detail page in case the product has been linked on the corresponding CMS Page.
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2299363466 The Daily Deal is a marketing tool that promotes a discount for a limited amount of products and for a limited amount of time.
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2312929281 It allows you to receive email notifications when a product is again in stock. Can be extended with Magesuite_PwaNotifications and Magesuite_BackInStockPwaNotifications
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2311061592 This module allows adding related products to buybox
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2353758209 Additional files can be added to a product and are displayed on the PDP page, from where a user can download them.
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2356543635 This module displays highlights (usually the short_description attribute) on PDP’s buybox.
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2338226177
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2286321665 The module helps to display product symbols on PDP
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2306244688 This module adds the possibility to configure and display variations of a given product.
https://creativestyle.atlassian.net/wiki/spaces/MGSDEV/pages/2331934744 This module adds improvements to the built-in Magento 2 reviews functionality.