Versions Compared

Old Version 5

changes.mady.by.user Marta Siewierska-Stańczak

Saved on

compared with

New Version Current

changes.mady.by.user Alicja Woźniak

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

TABLE OF CONTENTS

Table of Contents

Summary

The top part of PDP consists of gallery and Buybox.

Demo

Info

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

Table of Contents

Magesuite standard

Mobile layout

...

Desktop

...

layout

...

List of components:

  1. Gallery - by By default MageSuite uses Fotorama but the other option is to use a custom MageSuite gallery module: ProductSlideGallery (optional)

  2. Category

  3. Product name

  4. Reviews summary

  5. Price box

  6. Quantity switcher

  7. Add to cart button

  8. Stock information

  9. Optional popular indicator - Express delivery (3.4.5.Fast Shipping indicator )

  10. Optional positive indicator - (3.4.6. Expected delivery indicator )

  11. Popular indicator - optional (3.4.1. Popular Indicator )

  12. Related products in buybox - optional module Buybox related products (optional)

  13. Add to links (add to wishlist is visible by default, add to compare can be added in layout)

  14. USPs - hardcoded information about the most important shop feature (the same for all productproducts)

Additionally, short description can be shown in the buybox

...

Live projects customizations

URL

Mobile

Desktop

https://www.haar-shop.ch/en/lagoom-jam-volume-gel.html

Image Modified

Sticky add to cart

Image Modified

https://www.krueger-dirndl.de/de/trachtenhemd-ryan-weiss-901401-0-0105

Image Modified

Customizations:

Image Modified

https://www.micro-scooter.com/ch_de/micro-mini-2-grow-deluxe-magic-led

Image Modified

Image Modified

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

Image Modified

Image Modified

https://www.titoloshop.com/eu_en/wmns-adidas-gazelle-indoor-ie7003.html

Image Modified

Image Modified

Customizations:

  • no gallery - just images one below another

  • sticky buybox

  • please remember that product details sections must be full content and sticky buybox must end above this section