Return to previous page

Buy it now button on product viewer on homepage (replace select options)

This topic has 11 replies, 3 voices, and was last updated 2 years, 5 months ago ago by bagshaw50

bagshaw50

Participant

July 3, 2022 at 21:55

1. Hi can anyone please tell me how i can change the product viewer on my home page so it comes up with “buy it now” instead of select options.

#328206 Copied Theme version: 8.2.2 WooCommerce version: 6.6.1

10 Answers

Awais Ahmed

Participant

July 4, 2022 at 05:46

Hello, @bagshaw50,

Variable product displays Select options title by default on the shop page and home page. Buy now title displays only for the affiliate products. So, it’s impossible that you had that title for the variable products button without additional customization. show the Add to cart title for that button on the shop page you need to display product attributes on the grid as we do on the demo using the built-in variation swatches feature https://xstore.8theme.com/product-category/pullovers/. if you want just to rename that button you can try this solution in the child theme https://www.businessbloomer.com/woocommerce-rename-select-options-button-shop-page/

Regards 8Themes Team.

#328214 Copied

bagshaw50

Participant

July 4, 2022 at 19:51

Hi on the demo it shows you can add to cart without the “select options” and the attributes are showed on the shop page. However, the documentation only shows how to get it so it says select options. how can i get it the same as the demo you have sent the link to?

#328657 Copied

Olga Barlow

Support staff

July 4, 2022 at 20:37

Hello,

Use variation swatched feature to display attributes on the shop page and get the add to cart button https://youtu.be/LgzC4iK-j6A

Regards

#328671 Copied

bagshaw50

Participant

July 4, 2022 at 21:05

The demo on the original reply shows the attributes and then an add to cart button, however, the video just shows you how set attributes up and enable variation swatches. I already have this. But I need a video showing me to just display add to cart

on woo commerce > Products Style > Product Content Elements

I ahve enabled add to cart but its still showing select options

#328678 Copied

Awais Ahmed

Participant

July 5, 2022 at 07:11

Hello, @bagshaw50,

Yes, I see that you have enabled the option and the variations appear on the home and shop page when you choose variation from any product the add to cart button appears as you can see in this image of your site:
https://postimg.cc/SJmP6d5g without choosing any variations the add to cart button appears. So, in case you want to show add to cart button from the very beginning then edit products and set the default (pre-selected) variation: https://postimg.cc/5YjzY8bD

Regards 8Themes Team.

#328716 Copied

bagshaw50

Participant

July 5, 2022 at 12:55

The demo does not have the select options though

the demo sows the size variations with a cart – there is no “select options” and no default variation picked

i would like to mirror the demo…?

#328890 Copied

Olga Barlow

Support staff

July 5, 2022 at 17:20

Hello,

What demo does not have preselected variation but has the Add to cart button instead of the select options? Could you, please, provide us with the link?

Regards

#328933 Copied

bagshaw50

Participant

July 5, 2022 at 18:35

The one in the link above

https://xstore.8theme.com/product-category/pullovers/

This does not have “select options” button

yes it shows the variations that ened to be selected but there is an image of a bag (Add to cart) I want to mirror this.

At the moment mine has a button saying “select options” which i want to replace so it is exactly like the demo as in the link

#328944 Copied

Olga Barlow

Support staff

July 5, 2022 at 19:03

Hello,

to get q-ty on the shop page enable Add To Cart With Quantity option (Theme Option > WooCommerce > Shop > Products Style).
But keep in mind that if you try to press that button you also get tooltip that you need to choose the variation to add to cart https://prnt.sc/70Y0WyIsnvAy

Regards

#328945 Copied

bagshaw50

Participant

July 5, 2022 at 20:37

Hi so sorry one more question

my single product page is now shwoing the variation as a drop down box instead… how do i go back to showing it as a box rather than drop down

#328950 Copied
Tagged: best selling, buy now, homepage, persuasive, product viewer, select options, woocommerce themes
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Buy it now button on product viewer on homepage (replace select options)’' has been successfully resolved, and the topic is now closed for further responses

Buy it now button on product viewer on homepage (replace select options)

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection