description section theme impact

Store Design
1

YYYYY.png
YYYYY.png1149×291 26.3 KB

good morning,
I would like some help to put the description section of my product page (the collapse description) below the photo images.
can you help me?
I use impact theme
Sincerely

2

hi @slims1

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.js. Add the following JavaScript code at the end of the file

(() => {
const loop = setInterval(() => {
  if (document.querySelector(".product-info__block-item:has(.product-info__accordion)") && document.querySelector("scroll-shadow")) {
    customJS();
    clearInterval(loop);
  }
}, 100);

setTimeout(() => {
  clearInterval(loop);
}, 10000);

function customJS() {
  const scrollShadow = document.querySelector("scroll-shadow");
  const blockItem = document.querySelector(".product-info__block-item:has(.product-info__accordion)");
  if (scrollShadow && blockItem) {
    scrollShadow.insertAdjacentElement('afterend', blockItem);
  }
}
})()

The result

BSSCommerceB2B_0-1723197967374.png
BSSCommerceB2B_0-1723197967374.png1280×880 157 KB

If it helps you, please like and mark it as the solution.

Best Regards

3

YOU REALLY ARE THE BEST

4

:heart_eyes: It’s such my honor to help you, bro. If you like and mark solution, it will be the greatest motivation for us.