Question 1

Inventory Information - styling the inventory list

Accepted Answer

Since every store has their own look and feel, and everyone has their own wishes for the styling, we've decided to leave any styling up to you. here are a few things you can do.

Remove dots from location list If you want to remove the dots from the location list, add this snippet to your theme.scss.liquid file (somewhere at the bottom): ```ul#tomitinventorylist { list-style-type: none; padding: 0; margin: 0; }

tomitinventorylist li {

margin: 0; padding: 0; }```

Color inventory Threshold If you use the 3 inventory threshold values (out of stock, low stock, high stock) you can use this css snippet to give the text some color: .tomItInventoryLocationHighStock{ color:#00b268; } .tomItInventoryLocationLowStock{ color:#f29500; } .tomItInventoryLocationNoStock{ color:#bc1f00; }

Question 2

Inventory Information - Developer Javascript Events

Accepted Answer

If you are a developer, and want to use our app for custom functionality, you can access these events:

tomitVariantChanged Listen to this event to reparse data if you need to

tomitLoaded for instance If you would like to get inventory information for multiple products, you can use our object once it's loaded: document.addEventListener('tomitLoaded', function(e) { var productIds = ['123422,464117']; tomitProductInventoryInfo.getProductsInventoryInformation(productIds).then(function(e){ console.log(e); }); }); </script>

tomitProductLoaded

For instance, on a product page if you would like to get the product object with inventory information, you can listen for the tomitProductLoaded event:

<script type="text/javascript"> document.addEventListener('tomitProductLoaded', function(e) { console.log('product loaded'); console.log(tomitProductInventoryInfo.activeProduct); }); </script>

If you would like to display the inventory block in another element on the page as well (sometimes you have a mobile template hidden for instance)

```

Question 3

Inventory Information - How Do Pickup Locations Work?

Accepted Answer

When you enable pickup options, your customer will be able to select a pickup location on the product page:

Once the order is placed our app will reserve the inventory on the correct selected location. the order will have fulfillment status "open"

This is what the order detail page looks like:

When the customer picks up the order, you can mark the order as fulfilled.

Question 4

Product spotlight - How do i use the app?

Accepted Answer

As soon as the Blog Product Spotlight app is installed, all your blog articles are being scanned on product links and all your current link can show up as pop-ups in your blog. when you've created a new article or edited an old article you will have to re-scan your blogs. to re-scan your articles you'll need to go to the settings page of the Product spotlight app.

when you are at the settings page click on the **re-scan articles **button and you are ready to go.

Question 5

Product spotlight - How does it work?

Accepted Answer

By using the Blog Product Spotlight app. you give your blogs a whole different experience. Placing links that go to the product pages has been possible for some time but with this app, visitors of your blog can view the product on the blog page itself and add it to their shopping cart without having to leave the blog page.

When customers hover their mouse over the link, they get to see the product themselves.

When customers click on the product they will see the description of the product. if there are variants, they can choose from them and they can add the product to their shopping cart.

You can then see in the app's dashboard how many people have viewed the product and added it to their shopping cart.

Question 6

Inventory Information - Stop disable add to cart for certain products

Accepted Answer

If you want to enable the feature that blocks the add to cart button for products, but have some products you do not want to disable the add to cart button for, you can block the functionality with this script:

<script>
document.addEventListener('tomitLoaded', function(e) {
  tomitProductInventoryInfo.setBlockDisabling(true);
});
</script>```


If for instance you want to disable the behaviour for products that don't track inventory:

{% if product.inventory_management != 'shopify' %}

{% endif %}```

Frequently Read Articles

Browse All Categories