Display Product Options Widget on PageFly Product Template

Follow

Overview

By default, Bold Product Options will not show on a PageFly product page. We need to add a bit of code into their application in order to display the options widget.

To show the Options widget on PageFly, please follow these steps:

  1. From within your Shopify admin, select Apps, then PageFly BuilderProduct Pages.
  2. Edit a Product Page and make sure the Default "Product Details" is set to Hide.

    Ensure Product Details is set to Hide

  3. Add Product Details to the page by dragging and dropping.

    Add product details to the page

  4. Drag and drop an HTML5/LIQUID element and insert it between or above the qty and the add to cart button.

    Drag and drop the element

    Drag and drop the element

  5. Once the HTML5/LIQUID element is chosen, select Open Code Editor.

    Select Open Code Editor

  6. In the Code Editor modal, insert the following line of code:
    <div class="bold_options" data-product-id="{{ product.id }}"></div>

    Insert the line of code

  7. Select Save & Close.
  8. Select Publish.

To test that this worked, reload your product page and ensure that the Product Options are showing.

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.