PageFly Landing Page Builder

1

Go to admin app PageFly -> Edit product template

• Go to Admin app PageFly

• Go to pages

• Select tab Product

• Choose template show app

2

Add element HTML/Liquild

• In edit builder find Element HTML/Liquid

• Move element to position app show

Add Element HTML/Liquild

3

Open code editor

Open Code Editor

4

Add code show app

1. Show Vairant Swatch App

<div class="globo-swatch-product-detail"></div>

1. Show Group Product as Variants

<div class="globo-product-groups-detail"></div>

1. Show Product Bundles

<div class="globo_color_swatch_bundle_combo"></div>

1. Show Quantity Breaks

<div class="globo_color_swatch_bundle_quantity_break"></div>

Example add code: Show variant swatch app

Example add code

5

Keep variant picker default of PageFly

Our app currently works on pageFly variant picker events. So you need to show PageFly variant picker too to work perfectly.

If you have double varant picker in your product, please contact us we will fix it

Show variant picker of PageFly

• Click Add Elements -> Shopify

• Select Product Variant -> choose any style variant of PageFly and show

6

Save and view live page

• Click Save

• Public new update to live theme

• Go to the product page in frontstore and check if it works

---

Troubleshooting

• If the add to cart variant is not correct, please contact us to integrate it with the template you are using.

• For further assistance, contact us via [email protected]