Select the widget type corresponding to your seller type: 'Little things', 'Big Things' or both. Contact firstname.lastname@example.org if unsure.
Insert the script where you want the widget to display replacing
PLACE_YOUR_PRODUCT_PRICE with the product's price.
'Little things' only
If a 'Little things' only seller, use:
Note the use of
'Big things' only
If a 'Big things' only seller, use:
Note the use of
Both 'Little things' and 'Big things'
If a 'Little things' and 'Big things' seller, use:
No extra parameter required.
Platform-specific Installation Instructions
'Little things', only 'Big Things' or both widgets behave differently, see table below:
|<= $1000||$1000 < price <= $2000||> $2000|
|Big Things Only|
|Little Things Only|
This affects all widgets, including dynamic widgets.
price-selector query argument to target the HTML element containing the price. This will update the widget as the product price changes on user selection.
Provide a URL encoded jQuery CSS selector.
Here is HTML taken from a WooCommerce product page:
<span>Product Price:</span> <p class="price"> <span id="priceinfo" class="woocommerce-Price-amount amount"> <span class="woocommerce-Price-currencySymbol">$</span>900.00 </span> </p>
Product Price: $900.00
Use the urlencoded
%23priceinfo to reference the id
You could also use
price-selector=.woocommerce-Price-amount.amount or any CSS selector to identify the price.
Minimum and Maximum Widgets
To display the widget above or below a certain price point, set the
data-max accordingly when calling the widget.
<script data-min="20" data-max="300" src="https://widgets.shophumm.com.au/content/scripts/price-info.js?productPrice=YOUR_PRICE"></script>
Here it will not display for prices above $300 or will display in an altered form for prices below $20.
* humm reserves the right to change branding without prior notice