How can I remove the cart icon from the Origin theme?

Solved

How can I remove the cart icon from the Origin theme?

pzcozycribs
Visitor
3 0 0

Hello,

 

I am trying to delete the cart/shopping bag icon in the upper right-hand corner so that my website is similar to a landing page with no products being sold. For reference, my website is www.pzcozycribs.com

 

Thank you!!

Accepted Solution (1)

GemPages
Shopify Partner
5625 1261 1241

This is an accepted solution.

Hello @pzcozycribs ,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1678157238179.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1678157261495.png

    <style>
      .header__icon--cart {
          display: none !important;
      }
    </style>

I hope the above is useful to you.


Kind & 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

View solution in original post

Replies 3 (3)

Asif102
Visitor
2 0 0

Hi there!

To delete the cart/shopping bag icon in the upper right-hand corner of your website, you will need to access the theme settings. Here are the steps you can follow:

  1. Login to your website's backend and go to the Appearance section.
  2. Click on the Customize button for the Origin theme.
  3. In the left-hand menu, select the Header section.
  4. Under the Header section, click on the Cart Icon tab.
  5. Toggle the switch to turn off the cart icon and click the Publish button to save the changes.

Once you have completed these steps, the cart/shopping bag icon should no longer appear on your website. If you encounter any issues or need further assistance, please don't hesitate to reach out.

Best regards, [Etisalat]

PageFly-Victor
Shopify Partner
7865 1785 3095

Hi @pzcozycribs ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

a#cart-icon-bubble {
    display: none;
}

PageFlyVictor_0-1678145977081.png

Hope my answer will help you.

Best regards,

Victor | PageFly

GemPages
Shopify Partner
5625 1261 1241

This is an accepted solution.

Hello @pzcozycribs ,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1678157238179.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1678157261495.png

    <style>
      .header__icon--cart {
          display: none !important;
      }
    </style>

I hope the above is useful to you.


Kind & 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