PageFly Landing Page Builder

Go to admin app PageFly -> Edit product template

• Go to Admin app PageFly

• Go to pages

• Select tab Product

• Choose template show app

Add element HTML/Liquild

• In edit builder find Element HTML/Liquid

• Move element to position app show

Open code editor

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

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

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