[David BParticipant]

Hi,

I’m setting up a catalogue site for a family business. They don’t want to sell online but they want to show their products with price information and an enquire button which links through to a contact form. For this I have purchased this catalogue add on from woothemes: http://www.woothemes.com/products/catalog-visibility-options. This enables in most themes to remove the add to cart buttons, but in X I have two issues:

1) when hovering over the product the ‘Add to Cart’ text appears
2) there is a shopping cart icon next to where the button now says enquire

I’d like to remove both of these.

Thanks for your help

Link: http://serendipityfashions.net/dev/?post_type=product
WP version: 3.9
Theme version: 2.0.1

[Grady MParticipant]

Wow I have the exact same issue. Look forward to any answer. Thanks –

[ChristianModerator]

Hey guys,

Please try adding the code below in the Customizer > Custom > CSS.

.woocommerce li.product .entry-header .button, .woocommerce-page li.product .entry-header .button {
display: none;
}

Hope that helps. 🙂

[David BParticipant]

Thanks Support!

This solves my first problem. For anyone looking for the answer to the second part:

2) there is a shopping cart icon next to where the button now says enquire

I’ve just found this response from another thread:

It’s not quite the cleanest fix but if you put

.woocommerce .button.product_type_simple:before, .woocommerce .button.single_add_to_cart_button:before, .woocommerce-page .button.product_type_simple:before, .woocommerce-page .button.single_add_to_cart_button:before {
content: “”;
}
into the custom css section of the customizer it should have the desired effect

Thanks everyone for your help

David

[Kosher KMember]

Hi David,

Glad to hear it worked for you and thanks for providing additional information.

If you have any other concern please let us know and we’d be happy to help you

Cheers

[Joao BParticipant]

Hello

I had this removed long time ago but it seems it appeared again some how and I am not managing how to make it disappear.

I would like to remove the add to cart button on hover from all pages like

http://www.d-inter.hr/radna-obuca/

and also

from the products like the one below, quantities and add to cart button

http://www.d-inter.hr/product/bib-kratke-pregace/

Any help?

Thanks

Joao

[Joao BParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating this thread! To remove the add to cart button in the products and the single product page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce li.product .entry-header .button, 
.woocommerce-page li.product .entry-header .button,
.woocommerce .quantity, 
.woocommerce-page .quantity,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button {
    display: none;
}

Hope this helps. Kindly let us know.

[Joao BParticipant]

Hello

I followed your instructions but it seems to have no effect.

Thanks

Joao

[ThaiModerator]

Hi There,

Please try this following CSS instead:

button.single_add_to_cart_button.button,
a.button.add_to_cart_button.product_type_simple,
.woocommerce .quantity input[type="number"], .woocommerce-page .quantity input[type="number"] {
    display: none !important;
}

Hope it helps.

[Joao BParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

You forgot close the bracket (}) so there is a syntax error from your custom CSS.

I’ve just corrected it, please update your Custom > CSS code to following code:

@media screen and (-webkit-min-device-pixel-ratio:0){ 
    .x-navbar-static-active .desktop .x-nav .x-megamenu>ul,
    .x-navbar-fixed-top-active .desktop .x-nav .x-megamenu>ul{
       margin-top: 0px;
     }
}

.x-navbar-inner .x-brand img {
    display: none;
}

.x-topbar .menu-primary-container {
   float: right; margin-top: 13px;
}

.x-topbar .x-brand img {
   vertical-align: top;
   margin-top: 1px;
}

.x-topbar .x-brand {
   font-size: 100%;
}

.x-topbar .x-brand+p {
   display: none;
}

@media (max-width: 767px) {
   .x-topbar .x-brand img {
      display: none;
   }
   .x-topbar .menu-primary-container {
      float: none;
      margin-top: 4px;
   }
}

.menu-primary-container + .clear {
   clear: none !important;
}
.x-brand img {
   height:41px;
}
#x-content-band-1 .two-fifths {
	margin-top: -15px !important;
}
#x-content-band-2 .two-fifths:first-child {
	margin-left: 39px !important;
}
.shortcode_menu.wpsm-menu.enhance_shortcode_menu_inline.l_tinynav1 {
    float: right;
    font-size: 12px;
}
.x-img.left {
	max-width: 100%;
}
.x-img-polaroid img {
	width: 160px;
	max-width: 100%;
	height: auto;
}
body.single-product .x-topbar .x-brand img {
	vertical-align: top;
	margin-top: -35px;
}
.menu-primary-container + .clear {
   clear: none !important;
}
.x-brand img {
   height:41px 
}
#D-Inter {
    text-align:center;
    display:block;
    clear:both;
    overflow:hidden;
    width:100%;
    margin:0;
    font-size:13px;
}

#D-Inter li {
     list-style-type: none;
     display:inline-block;
     padding:20px 20px 0;
}
#D-Inter li {
   padding: 0 20px 0;
}

.x-topbar {
   height:44px;
}
@media screen and (max-width: 979px){
	#D-Inter {
		display: block !important;
	}
}
.x-topbar .x-social-global a i {
  display: none;
}
.x-img.left {margin-left: auto;margin-right: auto;}
.x-img {margin-bottom: 8px;}

.x-navbar-inner .x-brand img {
    display: none;
}
@media (max-width: 767px){
	.x-navbar-inner .x-brand img {
		display: inline-block;
	}
}
@media (max-width: 767px) {
	.x-topbar .menu-primary-container {
		float: none;
		margin-top: 4px;
	}
}
@media (max-width: 767px) {
     body .x-column.x-sm {
         overflow: hidden;
     }
}

body .x-topbar {
      height: auto;
}

body .x-social-global {
     display:none;
}
.x-navbar .desktop .x-nav .x-megamenu>.sub-menu {
     top: 94px;
}
.woocommerce .products .add_to_cart_button {
	display: none!important;
}
.woocommerce li.product .entry-header .button, 
.woocommerce-page li.product .entry-header .button,
.woocommerce .quantity, 
.woocommerce-page .quantity,
.woocommerce .single_add_to_cart_button,
.woocommerce-page .single_add_to_cart_button {
    display: none;
}
.button.single_add_to_cart_button.button,
a.button.add_to_cart_button.product_type_simple,
.woocommerce .quantity input[type="number"], .woocommerce-page .quantity input[type="number"] {
    display: none !important;
}

Let us know how it goes!

[Author]

Posts