Impulse Theme - How to place „You might also like it" in the cart drawer?

Store Design
, , ,
1

Hello,

I have seen on another website that also uses the Impulse theme, that they have added the “You might also like it” section in the “Card Drawer”. (see screenshot of the area marked in red).

IMG_3031.jpeg
IMG_3031.jpeg1062×2255 108 KB

Since this is probably only possible via the edit code, I hope anyone could help me with this. You can’t set this in the theme itself, at least I haven’t found it.

I am very grateful for any help.

Here is the link to my website: https://fernweh-kaufhaus.de

2

To add a “You might also like it” section in the “Card Drawer” of the Impulse theme, you’ll need to make modifications to the theme code. Here’s a general approach to achieve this:

  1. Backup your theme: Before making any changes, it’s important to create a backup of your current theme. This allows you to revert back to the original version if needed.

  2. Open the theme editor: Go to your Shopify admin panel, navigate to “Online Store,” and click on “Themes.” Find the Impulse theme and click on the “Actions” dropdown, then select “Edit code.”

  3. Locate the Card Drawer code: In the theme editor, look for the code responsible for displaying the Card Drawer. Typically, it will be located in a file named card-drawer.liquid or similar.

  4. Add the “You might also like it” section code: Within the Card Drawer code, find the appropriate location where you want to add the “You might also like it” section. Insert the following code to display a section with related products:

{% if product.related_products.size > 0 %}
  
    ## You might also like it
    
      {% for related_product in product.related_products %}
        - ### {{ related_product.title }}
            

  {{ related_product.price | money }}

          
        
      {% endfor %}
    

  

{% endif %}

  • Customize the code and styling: Modify the code as needed to match your desired layout and styling. You can adjust the HTML structure, CSS classes, and overall appearance to align with your website’s design.

  • Save and test: After making the changes, click on the “Save” button and test the Card Drawer on your website. Make sure the “You might also like it” section is displayed correctly and the related products are shown as expected.

3

@NomtechSolution

Thank you very much for your answer.

Unfortunately, it is not displayed for me.

Where would be the best place to insert it?

Here is the code for the file cart-drawer.liquid

{%- if settings.cart_type == 'drawer' -%}
  
    
  

{%- endif -%}
4

@NomtechSolution

Would you please help me with this?