- This topic has 7 replies, 2 voices, and was last updated 4 years, 10 months ago by
.
-
Posts
-
Hello, I’m not sure if it’s a duplicate topic. I submitted a support topic, but I didn’t get a confirmation and it doesn’t appear in my opened topic list.
I’m looking to add a ”More Details” button over or under (not sure which on yet) the ”Add to Cart” button for my WooCommerce store.
I need this because I’m making an affiliate store, so the ”Add to Cart” button AND the image (short description HTML) send the visitor directly to the seller’s website (ex: Amazon). I can’t use them differently due to the rules of the affiliate programs I want to use (Provided HTML, not possible to use directly their images, etc…).
However, I still want to provide a detailed product page that explain why I recommend that exact product and etc…
At the same time, if there is a way to round the corners of WooCommerce buttons, it would be great. I want this because all the other buttons on the website have corners rounded and the one on WooCommerce are square.
Customer Support
Hi there,
You can add the button using a WooCommerce hook on single product page:
https://www.businessbloomer.com/woocommerce-visual-hook-guide-single-product-page/The
woocommerce_after_add_to_cart_buttonis likely what you are looking for.Hi Leo, that’s perfect to understand the hook position, thank you.
I’m not sure if it’s the right place to ask this, but if I want that button to automatically redirect to the product page, how should I do it? If it was added manually in each product description via HTML, I would add manually each link, but via Element hooks, I’m not sure how to redirect each button to the good product page.
Is there another page that could explain this part?
That’s not something related to the theme so we wouldn’t have articles on this.
I believe custom field would be what you are looking for.
Then I will try to learn more about custom field. As mentioned before, is there a way to have round corners on the WooCommerce button like all the other buttons in the Theme?
I’m already using that CSS :
button,
html input[type=”button”],
input[type=”reset”],
input[type=”submit”],
a.button,
a.button:visited,
a.wp-block-button__link:not(.has-background) {
border-radius: 5px;
}You can try something like this:
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 5px; }Please try to keep 1 question per topic so it’s easier for us to track.
WooCommerce’ buttons are a pain to deal with as they use a lot of CSS classes.
Thank you for support, it works, I’m closing the topic.
No problem 🙂
- You must be logged in to reply to this topic.
