[e.griganavichus]

I think from the customer’s point of view the “order now” button is not working correctly, very difficult:

– when you click on the “order now” button, a pop-up window with a product card appears first
– then you need to click the “order” button to get the product into the cart
– then a pop-up window of the cart itself appears
– to return to the catalog, we must sequentially close the cart window, then the product card window.
Thus, to simply add one item to the cart, the customer has to click four times instead of one.
Why is it so hard? Such a complex ordering path reduces lead-to-customer conversion.

If instead of a “simple product” in the product card you use a “variable product”, then everything becomes much easier. When you click the “order” button for a product in the catalog, the product is immediately added to the cart, without any pop-up windows. This is what you need!

Please tell me how to make a “simple product” so that when you click on the “order now” button, the product is immediately added to the cart without the cart window and product card?
Or how to replace the “order now” button with a button with the “order” action for a “simple product” in order to immediately add the product to the cart?

[Althemist]

Hello ,

This was made to serve more complex products with multiple options that can’t be ordered directly.

In your case if you don’t use the product addons, you can simply disable the product quick view option from Theme Options > Shop and show the original add to cart button with the following CSS:

div.prod_hold .links a.button.add_to_cart_button {
    display: inline-block;
}

Hope this helps and it’s what you need.

Regards,
Dimitar

[e.griganavichus]

Thank!

It works!
However, I only see the icon on the button. How can I add the text “add to cart” to a button?

[Althemist]

This should do the job:

div.prod_hold .links a.button.add_to_cart_button::before, div.prod_hold .links a.button.product_type_grouped::before, div.prod_hold .links a.button.product_type_external::before {
display: none;
}
div.prod_hold .links a.button.add_to_cart_button, div.prod_hold .links a.button.product_type_grouped, div.prod_hold .links a.button.product_type_external {
    text-indent: 0;
    width: auto !important;
    font-weight: 500;
}

[Author]

Posts