How to Restore Shopify Cart Icon

How to Restore Shopify Cart Icon

Voujon
Tourist
6 0 1

I had recently changed the code to take of the cart icon from my page but i need this icon back. How to i do this?

 

My URL s voujon.myshopify.com

 

Please assist. 

Replies 4 (4)

nalanetworks-
Shopify Partner
12 0 0

If you have removed the cart icon from your Shopify Dawn theme and want to add it back, you can follow these steps:

  1. In your Shopify admin, go to "Online Store" > "Themes."
  2. Find the Dawn theme and click "Customize."
  3. In the theme editor, click on "Header" to expand the header section.
  4. Click on the "Add" button to add a new element.
  5. Select "Cart" from the list of available elements.
  6. Adjust the "Size" and "Padding" settings as needed to ensure that the cart icon is properly aligned and sized.
  7. Save your changes.

Need professional help customizing your Shopify store or creating custom apps? Contact us now via our website Nala Networks Inc, send a direct message, or email sutha@nalanetworks.com

GabrielS
Shopify Partner
486 107 115

Hi,

 

To further clarify, basically you want to replace 'Checkout' work, with an icon? Do you happen to have a backup of the theme, which contains this icon? If yes, the task would be pretty straightforward.

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.

GemPages
Shopify Partner
5625 1261 1241

Hello @Voujon ,

 

It's GemPages support team and glad to support you today.

 

I would like to give you a recommendation to support you so kindly follow steps below:

 

1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1679189986597.png


2. Open your header.liquid theme file


3. Find header__icon--cart

 

4. Add the below code to replace your text in this possition

        {%- liquid
          if cart == empty
            render 'icon-cart-empty'
          else
            render 'icon-cart'
          endif
        -%}

GemPages_1-1679190122458.png

 

Let us know how it works for you.

 

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

john4870
Tourist
7 0 1

To add the cart icon back to your Shopify store, you can follow these steps:

1.Log in to your Shopify account and navigate to the Online Store section of your admin dashboard.
2.Click on Themes.
3.On the Themes page, click on the Actions button next to your current theme, and select Edit code.
4.In the left-hand sidebar, navigate to the section called Sections and find the header section.
4.Look for the code that generates the cart icon. This may vary depending on your theme, but it's usually something like {% include 'icon-cart' %}.
5.If you removed this code previously, you'll need to add it back in. If the code is still there but the icon isn't showing up, there may be a problem with your theme's CSS or JavaScript files.
6.Make any necessary changes to the code, and then save your changes.
7.Preview your store to make sure the cart icon is displaying correctly.
8.Once you're happy with the changes, click the Publish button to make the changes live on your store.

 

Regards
John
CEO

Mobilesinbd