Skip to main content

How to Enable the Spotlight + Button

Niezl avatar
Written by Niezl
Updated this week

This part needs to be done manually since themes vary across stores, and the implementation requires some custom adjustments for it to work properly.


Steps on Subscribing to Tolstoy + Button on Spotlight Carousel

  1. Create a new asset inside the asset folder from your edit code.

  2. Name the file something relevant with a .js extension.

  3. Paste this code inside the file.

    const openQuickShopModal = (product) => { // The "product" parameter contains values from the tolstoy spotlight carousel that you can use as a handle into which values to render on the modal. //You can check the values by logging it. console.log(product); // Please put your functions here } //This Function is for the onClick Function on Tolstoy Spotlight Carousel "+" button const subscribeToQuickShopClick =() => { window.tolstoyWidget.subscribe( "tolstoy_spotlight_carousel_quick_shop_click", (o) => {o.product && o.product.handle? openQuickShopModal(o.product): console.error("Product handle is not available in the event");}, { disableDefault: !0 }, ); } window.tolstoyWidget ? subscribeToQuickShopClick(): window.addEventListener("tolstoyWidgetReady", subscribeToQuickShopClick);

    //Note The openQuickShopModal function name can be altered accordingly

  4. Call the file you created to the theme by putting this inside the head of the theme.liquid <script src="{{ 'name of you file' | asset_url }}" defer></script>

Let us know once you are ready with this so we can enable the + feature on our end.

:slightly_smiling_face:

Did this answer your question?