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 (3.4.5.Fast Shipping indicator )
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
CmsProductBacklink 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
FileAttachments (optional) 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
ProductVariants (optional) This module adds the possibility to configure and display variations of a given product.
Review (optional) This module adds improvements to the built-in Magento 2 reviews functionality.