`; innerBox.appendChild(quickViewModal); } // Add Choose Options Button if product has multiple variants if ( product.variants.length > 1 && !productElement.querySelector(".product-card__actions.product-card__main-actions") ) { const quickViewDiv = document.createElement("div"); quickViewDiv.classList.add("product-card__actions", "product-card__main-actions"); // quickViewDiv.innerHTML = ` // // `; quickViewDiv.innerHTML = ` `; quickViewDiv.addEventListener('click', (e) => { e.preventDefault(); // e.stopPropagation(); }); productElement.querySelector(".st-image-container").appendChild(quickViewDiv); } const quickFormButtons = quickViewButton.querySelectorAll('button'); quickFormButtons.forEach(btn => { btn.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); }); }); quickViewModal.addEventListener('click', (e) => { e.preventDefault(); e.stopPropagation(); }); }, 1000); }); }); document.addEventListener("click", function (e) { const chooseBtn = e.target.closest(".product-card__main-actions button"); if (chooseBtn) { const productCard = chooseBtn.closest("[data-st-product-id]"); const quickviewBtn = productCard?.querySelector(".product-card__quickview"); if (quickviewBtn) { console.log("Button clicked"); quickviewBtn.click(); } } }); }); document.addEventListener('DOMContentLoaded', () => { document.addEventListener('stSearchResultsEvent', (event) => { if ( event.detail.source === "autoCompleteTrendingSearchPage" && event.detail.type === "searchSuggestion" ) { const suggestionsPanel = document.querySelector('#st-autocomplete-container #st-after-search .st-row .st-left-panel'); const suggestionsPanelBottom = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-footer .st-row .st-left-panel'); const autocompleteContent = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-content'); const autocompleteFooter = document.querySelector('#st-autocomplete-container #st-after-search .st-autocomplete-footer'); if (suggestionsPanel && autocompleteContent) { if (event.detail.data.length === 0) { suggestionsPanel.style.display = 'none'; suggestionsPanelBottom.style.display = 'none'; autocompleteContent.classList.add('st-search-suggestions-hide'); autocompleteFooter.classList.add('st-search-suggestions-hide'); } else { suggestionsPanel.style.display = 'block'; suggestionsPanelBottom.style.display = 'block'; autocompleteContent.classList.remove('st-search-suggestions-hide'); autocompleteFooter.classList.remove('st-search-suggestions-hide'); } } } }); });

Collection: HAIR CARE

PERSONAL TOUCH PHARMACEUTICALS PRIVATE LIMITED