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
Create a new asset inside the asset folder from your edit code.
Name the file something relevant with a .js extension.
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
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.