Add to Cart Button not showing next to product in Woocommerce

Question

I have one weird issue with add to cart button into product archives page. When i open some product like here

then i dont see "Add to Cart" button, but if i check in debugger i see that in code add to cart link exist.. This is CSS class for selected element:

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
color: #FFF;
display: block;
font-weight: 300;
margin-bottom: 0;
font-size: 16px;
}

and code from Inspect Element:

<a rel="nofollow" href="/digital-products/product-category/midi-
loops/construction-kits/?add-to-cart=1850" data-quantity="1" data-
product_id="1850" data-product_sku="" class="button product_type_simple 
add_to_cart_button ajax_add_to_cart">Přida do košíku</a>

can someone to help me , or give me some tip how to resolve?

EDIT: When i inseert this CSS button is showing but float too big into page:

#layout .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {
display:inherit;
}

add_to_cart_button has `absolute` value. Please check the closest parent element which has `relative` property. That might be the reason. — Sahin Erbay, Mar 02 '18 at 21:06
You can check it by removing the `absolute` value or just add `position: relative` to products or product class. — Sahin Erbay, Mar 02 '18 at 21:10
If you haven't set up any relative parent element, your absolute button will be placed 10px from top and left side of the browser. You may want to read here to learn more: https://stackoverflow.com/questions/4457790/difference-between-style-positionabsolute-and-style-positionrelative — Sahin Erbay, Mar 02 '18 at 21:20
I didnt haved set nothing.. Its from Remix theme and Woocommerce. — Dr.MTR, Mar 02 '18 at 21:21

score 0 · Accepted Answer · answered Mar 03 '18 at 18:16

0

Try this:

display: inline-block;
opacity: 1;

answered Mar 03 '18 at 18:16

Moshe Quantz

1,480
2
12
8

Add to Cart Button not showing next to product in Woocommerce

1 Answers1