How to add whistlist icon beside add to cart button in MINIMOG THEME

How to add whistlist icon beside add to cart button in MINIMOG THEME

ankitagulati
Excursionist
27 0 5

How to add whistlist icon beside add to cart button in MINIMOG THEME 

 

 site link - https://next.minimog.co/collections/best-sellers/products/slim-high-ankle-jeans

 

Sample like this

Screenshot 2023-05-17 at 1.04.16 PM.png

Replies 2 (2)

NomtechSolution
Astronaut
1245 113 159
  1. Locate the product template: In the theme editor, navigate to the "Sections" directory and open the "product-template.liquid" file.

  2. Find the "Add to Cart" button code: Look for the code that generates the "Add to Cart" button. It may look like this:

 

<button type="submit" name="add" id="AddToCart" class="btn btn-primary btn--full product-form__cart-submit">
  Add to Cart
</button>

 

  1. Add the wishlist icon code: After the "Add to Cart" button code, add the following code to display the wishlist icon:

 

<a href="/pages/wishlist" class="wishlist-link">
  <i class="fas fa-heart"></i>
</a>
​

 

INA_MSWEB
Shopify Partner
1281 144 167

Hi @ankitagulati 


I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

You can use this app:
https://apps.shopify.com/wishlist-hero 

 

 

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin