Skip to main content

Add price attribute

info

We recommend to pass the price of the desired bike of the customer to allow the filter to work best.

Good to know

Even if the price is not transmitted via the price attribute, we can often find the price of the desired bike from the product feed. In many cases, bikes that are no longer in stock do not appear in the product feed. So how do you know the price? Often the bike is not out of stock in every size, so we check if one of the sizes of the bike you want is available in the product feed and consider that price .

If you have an existing implementation of the Online Sizing Widget you may need to add the price attribute the button code. Just add the data-oz-price attribute to the button and pass the price as a number (float).

Default Button​

<div
  class="oz-container"
  data-oz-widget="launcher"
  data-oz-code="{{ product.ean }}"
  data-oz-name="{{ product.title }}"
  data-oz-image="{{ product.image.src }}"
  data-oz-price="{{ product.price }}"
></div>

Custom Button​

<button
  id="my-custom-oz-button"
  class="oz-trigger"
  data-oz-code="{{ product.ean }}"
  data-oz-name="{{ product.title }}"
  data-oz-image="{{ product.image.src }}"
  data-oz-fullscreen="true"
  data-oz-price="{{ product.price }}"
>
  What's my size?
</button>