mynovastudio

@creedon thank you for your reply - here is a link to a specific product where an accordion has been added: https://mynovastudio.dk/webshop/p/top-push-pin-snake-go?rq=loke

I have manually added a spacer under the accordion to create a bit of space between the add to cart and accordion, as well. But that must be fixable with som code too.

______ Random comment______

It´s a lot of work having to add the accordion manually to each product like this. It would be such a life hack, if one could add a pre-designed (editable) accordion to a product-section - just like to feature to add a ❤️-section elsewhere. 

@jpeter I seem to have some issues with the code and the product description txt not having the same position on mobile vs. laptop. 

I also can not manipulate the order with the css injection code:

.ProductItem-additional {
  order: 3;
} 

I injected it into the custom css, but it just does´nt react to it. 

I hope you are still around to help 🙂 - either way - your help was really great with the javascript which i added to the footer as suggested:

<script>

(function(){
  var accordion = document.querySelector('.ProductItem-additional');
  var description = document.querySelector('.ProductItem-details-excerpt');                    
  
  if(accordion && description) {
    // Remove accordion from current position.
    accordion.parentNode.removeChild(accordion);
    
    // Add accordion after the description.
    description.after(accordion);
  }
})()
</script>