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: ProductSlideGallery (optional)
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 - (3.4.6. Expected delivery indicator )
Popular indicator - optional (3.4.1. Popular Indicator )
Related products in buybox - optional module Buybox related products (optional)
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.
DailyDeal The Daily Deal is a marketing tool that promotes a discount for a limited amount of products and for a limited amount of time.
BackInStock (optional) It allows you to receive email notifications when a product is again in stock. Can be extended with Magesuite_PwaNotifications and Magesuite_BackInStockPwaNotifications
Buybox related products (optional) 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/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.
Live projects customizations
URL | Mobile | Desktop |
|---|---|---|
Sticky add to cart |
| |
https://www.krueger-dirndl.de/de/trachtenhemd-ryan-weiss-901401-0-0105 | Customizations:
|
|
https://www.micro-scooter.com/ch_de/micro-mini-2-grow-deluxe-magic-led |
| Interesting styling choices. Description (MageSuite feature but not displayed in the standard version) Compare button (MageSuite feature but not displayed in the standard version) |
https://shop.rieker.com/de-de/rieker-evolution-damen-pantoletten-light-summer-blue-w0802-10.html |
|
|
https://www.titoloshop.com/eu_en/wmns-adidas-gazelle-indoor-ie7003.html |
|
Customizations:
|