Store Page Detail Details Reorder Desktop

Store Page Detail Details Reorder Desktop

License

Synopsis

Reorder store page product detail elements.

Version

• 0.4.0

SS Version

• 7.1

Fluid Engine Compatible

• Not Applicable

Dependencies

• Store Product Details Display Flex Desktop

---

Install

• Add code from the following files, in order, to Store Settings > Advanced > Page Header Code Injection for the store page.

  • store product details natural order desktop.html ¹

  • store product details display flex desktop.html ²

  • store page detail details reorder desktop.html

    Read the code for any instructions within.

  Please see Per-page code injection.

Example Reorderings

• Add to Cart button after Price

      --add-ons : unset;
      --add-to-cart-button : -1;
      --description : unset;
      --price : -1;
      --quantity : unset;
      --title : unset; /* full, half, wrap layout only */
      --variants : unset;

• Price, Variants, Quantity, Add to Cart, and Description

      --add-ons : unset;
      --add-to-cart-button : 4;
      --description : 5;
      --price : 1;
      --quantity : 3;
      --title : unset; /* full, half, wrap layout only */
      --variants : 2;

• Price after Description

      --add-ons : unset;
      --add-to-cart-button : unset;
      --description : -1;
      --price : unset;
      --quantity : unset;
      --title : -1; /* full, half, wrap layout only */
      --variants : unset;

Make a Donation

Please consider making a donation.

Changes

• 2023-11-02

  • add support for add ons
  • bumped version to 0.4.0

• 2023-10-23

  • add support for title element of store layouts half, full, wrap
  • bumped version to 0.3.0

• 2022-02-11

  • add support for store detail page layouts
  • bumped version to 0.2.0

• 2021-10-07

  • initial version