Getting Started [E]

Adding the Wishlist button

1

From your Shopify admin, click Online Store, and then click Themes. Open Edit HTML/CSS on the theme you would like to add Wishlist.

2

In the Templates folder, locate and open the product.liquid file OR the file in which you would like the button to appear - this depends whether or not you would like the Wishlist button on the product page.

• If your product.liquid contains {% section 'product-template' %}, open product-template.liquid from the Sections folder instead.

3

Find where you would like the button to appear and add the following code:  

<div data-app="eastsideco_wishlist">  

 <esc-wishlist-add-to-wishlist     

	:product="{{ product | json | escape }}">   

 </esc-wishlist-add-to-wishlist> 

</div>
	

4

Click Save.

If you are not confident with editing your theme's HTML, we can provide installation support. 

Read more  here.

Adding the 'Save for Later' button

1

From your Shopify admin, click Online Store, and then click Themes. Open Edit HTML/CSS on the theme you would like to add Wishlist.

2

In the Templates folder, locate and open the cart.liquid file.

• If your cart.liquid contains {% section 'cart-template' %}, open cart-template.liquid from the Sections folder instead.

3

Find where you would like the button to appear (usually inside a line item) and add the following code: 

<div data-app="eastsideco_wishlist">
  <esc-wishlist-save-for-later
    product-id="{{ item.product_id }}"
    variant-id="{{ item.variant_id }}">
  </esc-wishlist-save-for-later>
</div><br>
	

4

Click Save.

Adding the 'Save for Later' items

1

From your Shopify admin, click Online Store, and then click Themes. Open Edit HTML/CSS on the theme you would like to add Wishlist.

2

In the Templates folder, locate and open the cart.liquid file.

• If your cart.liquid contains {% section 'cart-template' %}, open cart-template.liquid from the Sections folder instead.

3

Find where you would like the button to appear (usually below line items) and add the following code: 

<div data-app="eastsideco_wishlist">
  <esc-wishlist-cart
    :money-format="'{{ shop.money_format | escape }}'">
  </esc-wishlist-cart>
</div><br>
		

4

Click Save.