How to change bin icon

Solved

How to change bin icon

undercoverfresh
Excursionist
138 0 19

Im looking to change the bin icon on the cert drawer for mobile and desktop on dawn theme

 

url knmb1c-pf.myshopify.com

password samurai 

IMG_8255.jpeg

IMG_8257.jpeg

Accepted Solution (1)

B2Bridge
Excursionist
311 64 79

This is an accepted solution.

Hi @undercoverfresh, you can follow these steps: 

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find snippets/cart-drawer.liquid file

Step 3: Locate <cart-remove-button> tag, replace content inside svg-wrapper with this code (like image below)

<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3" d="M29.5,11.5V11c0-3-2.5-5.5-5.5-5.5S18.5,8,18.5,11v0.5"></path><line x1="7.5" x2="40.5" y1="11.5" y2="11.5" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"></line><line x1="36.5" x2="38" y1="27" y2="11.5" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"></line><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M10.7,18.6l2,20.3c0.2,2.1,1.9,3.6,4,3.6h14.7c2.1,0,3.8-1.6,4-3.6l0.5-4.8"></path>
</svg>

B2Bridge_0-1740020226622.png

 

 Result: 

B2Bridge_1-1740020249744.png

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

Reply 1 (1)

B2Bridge
Excursionist
311 64 79

This is an accepted solution.

Hi @undercoverfresh, you can follow these steps: 

Step 1: Open Online Store -> Themes -> Edit code

Step 2: Find snippets/cart-drawer.liquid file

Step 3: Locate <cart-remove-button> tag, replace content inside svg-wrapper with this code (like image below)

<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
<path fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3" d="M29.5,11.5V11c0-3-2.5-5.5-5.5-5.5S18.5,8,18.5,11v0.5"></path><line x1="7.5" x2="40.5" y1="11.5" y2="11.5" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"></line><line x1="36.5" x2="38" y1="27" y2="11.5" fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"></line><path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M10.7,18.6l2,20.3c0.2,2.1,1.9,3.6,4,3.6h14.7c2.1,0,3.8-1.6,4-3.6l0.5-4.8"></path>
</svg>

B2Bridge_0-1740020226622.png

 

 Result: 

B2Bridge_1-1740020249744.png

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.