//Thêm option (main-product.liquid)
{
"type": "checkbox",
"id": "show_mehr",
"label": "Show Mehr erfahren",
"default": false
},
==========================================================================
//Show ở file
<!-- Show Button Mehr erfahren-->
{%- if section.settings.show_mehr -%}
<a href="#" class="button btn-mehr">Mehr erfahren</a>
{%- endif -%}
<!-- Show Button Mehr erfahren-->
==========================================================================
//js nếu cần (Tùy vào class của desc để custom lại)
document.querySelector('.btn-mehr').addEventListener('click', function(event) {
event.preventDefault();
const faqWrapper = document.querySelector('.pdp-faq-blog');
if (faqWrapper) {
const offsetTop = faqWrapper.getBoundingClientRect().top + window.pageYOffset - 100;
window.scrollTo({ top: offsetTop, behavior: 'smooth' });
const firstFaqItem = faqWrapper.querySelector('.faq__item');
if (firstFaqItem) {
const collapsibleContent = firstFaqItem.querySelector('collapsible-content');
if (collapsibleContent && !collapsibleContent.hasAttribute('open')) {
collapsibleContent.setAttribute('open', '');
const toggleButton = firstFaqItem.querySelector('.collapsible-toggle');
if (toggleButton) {
toggleButton.setAttribute('aria-expanded', 'true');
}
}
}
}
});