Ecomposer Builder

1

Go to admin app Ecomposer builder -> Edit product template

  • Open EComposer Builder app -> navigate to Templates

  • In templates page -> filter product template and choose your template product

Templates product
  • Open product details section

Modify template product
2

Open section product details

  • Click Elements -> Shopify -> Code

Add section code
3

Add code to show app

Show Vairant Swatch App

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

Show Group Product As Variants

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

Show Product Bundles

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

Show Quantity Breaks

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

Example add code: Show variant swatch app

Add code show app
4

Keep variant picker default of Ecomposer Builder

Please keep variant picker default, if it show double variant picker Ecomposer page builder and Globo variant swatch, you can enable hide on desktop, hide on tablet and hide on mobile to working perfect.

Hide default variant picker

5

Save and public your page builder

You can preview your change in online store after public template

6

Need more help?

If you need more help, contact our support team, we are always here to assist.

Last updated