Move accordion on the product page
Solved
I am wanting to move my product page accordion to be apart of the product page section.
Currently it is a section of its own (Centred) . Is it possible to convert the accordion to a block in the product section so it is left aligned and scrollable with the remaining product content?
Accepted Solution (1)
You can add this code to the end of theme.liquid file in Edit code
Code:
<script>
document.addEventListener("DOMContentLoaded", function() {
const accordion = document.querySelector('#shopify-section-template--15922993922125__79425d6b-ce46-4c3d-afe0-93e94ace7479');
const description = document.querySelector('.product__section-content');
if (accordion && description) {
description.appendChild(accordion);
}
});
</script>
Result
You can add this code to the end of theme.liquid file in Edit code
Code:
<script>
document.addEventListener("DOMContentLoaded", function() {
const accordion = document.querySelector('#shopify-section-template--15922993922125__79425d6b-ce46-4c3d-afe0-93e94ace7479');
const description = document.querySelector('.product__section-content');
if (accordion && description) {
description.appendChild(accordion);
}
});
</script>
Result
