Product Options 3rd-Party Integrations

Overview

Product Options integrates with a couple of third party apps to allow options to appear in a correct format.

Product Options has an integration with Order Printer by Shopify to allow options to appear on order templates created in Order Printer.

Product Options also has an integration with PageFly to allow options created from Product Options to appear on product templates created in PageFly.



Setup

For help on setting up each integration, please follow these steps: 

Order printer is an app that allows you to print custom packing slips, invoices, labels, and receipts. If you are using the Shopify Order Printer app to print your invoices, you can use this template to display the selected options in the invoice.

Setup

Please follow these steps to update the template within Shopify Order Printer:

  1. From Shopify's admin, select Apps.
  2. Select Order Printer.
  3. Select Manage templates.
  4. Select Add Template.
  5. Enter a Name for the template.
  6. In the "Code" field, copy and paste this Order Printer Template:
  7. Select Save.

By default, Bold Product Options will not show on a PageFly product page. We will 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 > PageFly Builder > Product Pages.
  2. Edit a Product Page and make sure the Default "Product Details" is set to Hide.
    Hide_Product_Details.png
  3. Add Product Details to the page by dragging and dropping.
    Add_Product_Details.png
  4. Drag and drop an HTML5/LIQUID element and insert it between or above the qty and add to cart button.
  5. Once the HTML5/LIQUID element is chosen, 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>
  7. Select Save & Close.
  8. Select Publish.

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

Was this article helpful?
0 out of 0 found this helpful