AbanteCart Community

AbanteCart Development => Customization help => Topic started by: kok on October 16, 2019, 03:12:06 AM

Title: How to remove cart in home page
Post by: kok on October 16, 2019, 03:12:06 AM
Hi support,

Please advice how can we to hide/remove the cart icon in home page product listing? Please refer attached yellow circle highlight one.

Thank you.
Title: Re: How to remove cart in home page
Post by: kok on October 17, 2019, 04:21:49 AM
Hi there,

Anyone can advice? As quite rush for this.

Thank you.
Title: Re: How to remove cart in home page
Post by: Basara on October 17, 2019, 07:45:44 AM
You can hide it with simple css rule. Just apply display:none; to that element
Title: Re: How to remove cart in home page
Post by: kok on October 17, 2019, 11:34:54 PM
You can hide it with simple css rule. Just apply display:none; to that element

Hi Basara,

Can you please list me the detail directories? What code to add in which file?

Thank you.
Title: Re: How to remove cart in home page
Post by: kok on October 21, 2019, 03:43:46 AM
Hi,

Anyone can help? Please advice.

Thanks.
Title: Re: How to remove cart in home page
Post by: kok on October 22, 2019, 01:24:00 AM
You can hide it with simple css rule. Just apply display:none; to that element

Hi Basara,

Can you help me as we rush for this issue. Please advice.

Thanks.
Title: Re: How to remove cart in home page
Post by: Basara on October 22, 2019, 02:17:34 AM
Please use your browser inspector tool to check what file you need to edit.
In default template it should be storefront/view/default/stylesheet/style.css
Title: Re: How to remove cart in home page
Post by: kok on October 22, 2019, 02:33:35 AM
Please use your browser inspector tool to check what file you need to edit.
In default template it should be storefront/view/default/stylesheet/style.css

Hi Basara,

Thanks a lot for your advice, issue solved.

Thank you.
Title: Re: How to remove cart in home page
Post by: Claudio Garcia on November 12, 2019, 12:03:50 PM
Hello

Please go to
Quote
storefront/view/default/stylesheet/style.css

edit and change in this place:

Quote
.thumbnail a.productcart {
   background: #00A1CB;
   color: #fff;
   float: right;
   padding: 5px;
   font-size: 13px;
   text-transform: uppercase;
    position:relative;
   
Code: [Select]
display:none;}

and if you use call to order, then edit here:

Quote
.thumbnail a.call_to_order, .productpageprice a.call_to_order {
   background: #00A1CB;
   color: #fff;
   padding: 8px;
   font-size: 13px;
   text-transform: uppercase;
   border: none;
   box-shadow: none;
   text-shadow: none;
   float: right;
   margin: 5px 10px;
   
Code: [Select]
display:none;}