Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Add the below code snippet to insert a Fenix JavaScript to the PDP & Cart page.

Code Block
<script src="cdnurl/fenix.min.js"></script>

...

Add the below code snippet to enter an empty div on PDP, which Fenix JS will use to inject delivery messages.

...

  1. quantity: Provide the quantity value for the respective product.

  2. variantid: Provide product variantid value for the respective product.

  3. skuSKU: Provide product sku SKU value for the respective product.

  4. price: Provide price value for the respective product.

  5. shopurl: Provide the shop url for your platform.

  6. storeinfourl: Provide storeinfo url.

  7. ipapikey: Provide IpApiKey

...

Code Block
<div class="fenix-edd-wrapper fenix-pdp-edd-wrapper" id="fenix-pdp-edd-wrapper" 
  quantity="1" 
  variantid="40241903927409"
  price="2799" 
  sku="" 
  shopurl="speedcubeshop.myshopify.com" 
  ipapikey=""
  storeinfourl="https://delest-api.fenixcommerce.com/fenixdelest/api/v1/speedcubeshop.myshopify.com/storeinfo">
</div>

Once Fenix SDK found out finds the above snippet, it will prepare the EDD block using the provided values.

Make sure to update the attribute values given to the above div as user changes variantid, qunatity, etc.
Once Fenix finds mutation on above div it will regenerate the edd block based on new attribute values.

...