How to remove the arrows from my collapsible content?

Store Design
, , ,
1

Hello. I was wondering how to remove the arrows from the collapsible content, such as the image below：

leegoog_0-1725440200945.png
leegoog_0-1725440200945.png980×505 8.08 KB

how to change and add new icon to it?

Thanks for the help!

2

Hi @leegoog , Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

3

Hi @leegoog

As you need to remove the unused icon code, then upload the new icon in the assets and call that icon where do you want to show it, and later on customize it with the help of css.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best regards

Sahil

4

Hi @leegoog

You can change or remove that icon from your Online Store > Themes > click “…” in the current theme > Edit code > open collapsible-content.liquid file, find

{% render ‘icon-caret’ %}, remove it, or change ‘icon-caret’ with another icon file.

Screenshot 2024-09-04 at 16.42.31.png
Screenshot 2024-09-04 at 16.42.31.png1017×554 83.8 KB

5

Hi there, I didn’t publish the shop now.

https://b3ae64-c3.myshopify.com/

Are you able to see it? Thanks

6

This is the Collapsible content in the shopify systerm, do you mean after I publish the website then I can change the icon? but first how to remove the arrow for the collapsible fuctiom?

7

Thanks for the help, but I need to remove the arrow from the Collapsible content first.

8

@leegoog , Your site have protected password

9

Hi @leegoog It’s not related to publishing the site first, you can do it even your theme is in draft mode.

Can you please provide your store URL and password as well if applicable, so that I can provide you the code that will remove the existing icon.

Best Regards

Sahil

10

Hi there, I managed to removed password, can you see it now? Thanks

11

Hi @leegoog Please add the below code to remove the icon.

Please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.liquid in the code in left hand side in your theme.
  6. Add the following code in the bottom of the file above tag

Result:

sahilsharma9515_0-1725450540822.png
sahilsharma9515_0-1725450540822.png1270×481 17.5 KB

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

12

Thanks a lot, all sorted.