description section theme impact

[slims1]

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

[BSSCommerce-B2B · Accepted solution]

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

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

Best Regards

[slims1]

YOU REALLY ARE THE BEST

[BSSCommerce-B2B]

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