Solved

How can I customize a collection page on my website?

Lakdi
Tourist
11 0 1

Hello Guys,

 

I have a website https://www.lakdi.com, I did some customization on the collection page but the developer who made the changes, unfortunately not working with us now.

 

I am sharing my problem with a screenshot, and hoping for a solution. I will be a great help.

 

Step1: As you see in below screenshot below the price "Pan India Delivery & Installation" and one image appearing but image is not visible.

Lakdi_0-1708407383677.png

 

Step2: I want to remove that image but we and our current developer unable to find from where is this image is fetching.

Step3: As I checked this image fatching from class="clip-ship-img".

Lakdi_1-1708407750117.png

 

Step4: I also checked this css in theme.css file but unable to find the image url or code.

Lakdi_2-1708407900897.png

 

manojkumarsingh
Accepted Solution (1)

Vinsinfo
Shopify Partner
171 59 53

This is an accepted solution.

@Lakdi 

Please follow the below steps to remove the image before the "Pan India Delivery & Installation" and let us know whether the solution is helpful for you.
 
1. Go to card-product.liquid file and try to find the img tag with class="clip-ship-img" inside the <p> tag.
2. Remove the image tag from the file.
3. If you feel difficult in finding the "clip-ship-img" class in overall theme folder, just hide the image using below code. Paste the code in the theme.css file that you have attached above.

 

.clip-ship-img{
    display : none !important;
}

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

View solution in original post

Replies 6 (6)

BrainStation23
Shopify Partner
260 43 41

Hi @Lakdi. Hope you're doing great.

If you're using a free theme then can you share with us which free theme you're using and which section it is?

If it is paid theme, we will need access of your theme code.

Let us know if you've any query.

Brain Station 23 PLC
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email: js.team@brainstation-23.com

Jixnankine
Visitor
2 0 0

hi @Lakdi 

 

the image is fetching from following url 

https://cdn.shopify.com/s/files/1/0491/2165/6981/t/10/assets/170-1702104_fast-delivery-icon-png-tran...

but there is no image on above mentioned url. 

solution:

open this theme in theme editor and replace image with some other proper image .

If you are comfortable I can guide you over live session.

 

Lakdi
Tourist
11 0 1

Yes, Sure. Please let me know how we can connect. @Jixnankine 

manojkumarsingh
Jixnankine
Visitor
2 0 0

Hi @Lakdi 

 

tomorrow 10am we can on connect on zoom or google meet

Vinsinfo
Shopify Partner
171 59 53

This is an accepted solution.

@Lakdi 

Please follow the below steps to remove the image before the "Pan India Delivery & Installation" and let us know whether the solution is helpful for you.
 
1. Go to card-product.liquid file and try to find the img tag with class="clip-ship-img" inside the <p> tag.
2. Remove the image tag from the file.
3. If you feel difficult in finding the "clip-ship-img" class in overall theme folder, just hide the image using below code. Paste the code in the theme.css file that you have attached above.

 

.clip-ship-img{
    display : none !important;
}

 

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

Lakdi
Tourist
11 0 1

Thank you very much, I copied your given code and pasted it in the theme.css, and now it's working.  @Vinsinfo 

manojkumarsingh