Swap Product Description with Recommended Products (Dawn)

[manbru]

Hello,

I'm trying to swap the position of the product description text and the ’You may also like’ product section. So that the product description is under the product images and the recommended products are where the product description is right now.

Because you can't set the recommended products to the position they're in right now I needed to use this code for it: 

{% if template contains 'product' %}
   <script src="//ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
   <script>
   $(document).ready(function(){
     $(".product__media-wrapper").append($('product-recommendations'));
   });
 </script>
{% endif %}

how it looks now:

goal:

 

Thanks for helping! 🙂

[ProtoMan44]

@manbru I hope we can solve this with a liquid code structure,

[manbru]

Thanks! Here's my store also: https://r1vex.myshopify.com/products/emil-randig-strandstol-taupe 

[ProtoMan44]

@manbru  you need to add a new div under the product image,
 

<div class="product__description rte quick-add-hidden">
  {{ product.description | escape }}
</div>

[manbru]

Okay, I added that code inside main-product.liquid as you can se here:

But it didn't work and now my product page looks really bad

[ProtoMan44]

@manbru put it under the  {% render 'product-image-gallery'