We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Move 'You May Also Like' Under Product Images (Dawn)

Solved

Move 'You May Also Like' Under Product Images (Dawn)

manbru
Pathfinder
129 0 30

Hello,

 

I want to move the "you may also like" section under the product images in product page. You can see the second image below for reference. It's important that the product description text to the right stays there.

 

my store: https://r1vex.myshopify.com/products/emil-randig-strandstol-taupe 

 

manbru_0-1721807798132.png

 

manbru_1-1721807798147.png

 

 

Accepted Solution (1)

EBOOST
Shopify Partner
1409 352 438

This is an accepted solution.

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png

2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag

{%  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 %}

EBOOST_0-1721809742755.png

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips

View solution in original post

Replies 2 (2)

saim007
Shopify Partner
619 75 110

@manbru You want to change the view like this - 

 

saim007_0-1721809379786.png

Then you have to do coding in the product-template to show the You may also like section below the product images.

Saim | Shopify Partner Expert

Was I helpful?

Buy me a Coffee

🙂
Hire me   to unlock the full potential of your e-commerce store 🙂

EBOOST
Shopify Partner
1409 352 438

This is an accepted solution.

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

EBOOST_1-1672356985580.png

2. Layout/theme.liquid
3. Add code below to end of file and before </body> tag

{%  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 %}

EBOOST_0-1721809742755.png

 

- Hope can help. If you find my reply helpful, please hit Like and Mark as Solution
- Need a Shopify developer? Contact email: eboost10@gmail.com
- Visit our site: https://www.eboosttech.net to view and download shopify themes and magento2 extensions free. Github.com/eboost10
- ❤❤DONATE ❤❤Coffee tips