Product Variations/Attributes Not Showing as Drop Down

I’m trying to create a dropdown for the different variations of a product available.

When creating the attributes/product variations and publishing them to my website a dropdown menu is not created. Instead, the attributes are shown above my images.

Please reference the screenshot for better understanding, https://gyazo.com/a08432b3a7477bfade5747e94b24f0b2.

How can I fix this? Ideally, I’d also want it to be located on the right side of my product images too: https://gyazo.com/31f9c2fc5b939d5aafd50be8f7522714

Thanks in advance

I’m honestly quite disappointed from what I’ve been reading on this issue within the forum…

Apparently, in order for product variations to be shown, I can’t be in catalog mode. However, before purchasing this theme and spending some time developing my site I asked that exact question and was told it would be possible within catalog mode.

Please see my screenshot of me asking this question before making the purchase: https://gyazo.com/1e07686384747ab817316606234b684c

Please help me with this. I need product variations but CANT have the option for customers to add anything to a cart.

Please help.

I’ve been able to remove the 3 variations from above my image, but I still don’t have a drop down menu.

Please assist.

Hello,

We are terribly sorry for the delay and discrepancy that occurred.

When you asked the forum you did not mention, that you have variable products to show, you just asked about the catalog mode, and considering that WoodMart has this mode integrated, no additional plugins are quired.

At the same time, there are at least two ways to achieve your aim. 1) We can hide “Add to cart” button with custom CSS and the visitor will see the product without the option to purchase it and proceed. 2) You can create a product layout by means of WooCommerce layouts builder: https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

Please have a look at the screen: https://gyazo.com/20686ad6643f8b2c4ae552ed3fa0f13e

In both cases, please disable the catalog mode.

If you need prefer hiding the shopping cart with custom CSS, please disable the catalog mode and let us know.

Best Regards

Hi Elise,

I appreciate your response. I’m open to trying these options to see if they work.

I’ve gone ahead and disabled catalog mode. However, my product variations within a drop-down menu are not appearing on my product pages.

What am I missing? Please help me or show me how to get the drop-downs to appear on the page.

I’ve gone through the documentation on your site already trying to resolve this issue, unfortunately, the drop-downs still remain missing.

Could this please be looked into?

This issue is preventing me from uploading and working on a lot of products at the moment which is unfortunate.

Thanks.

Honestly, I am disappointed with this.

You’re saying that on the forum I didn’t mention that I had products with variations. However, I clearly stated that I needed to be able to show product variations without people having the ability to add to the cart or make purchases.

I even highlighted it in my previous screenshot which I’ll post here again for you to see: https://gyazo.com/1e07686384747ab817316606234b684c

I’m now a week and a bit into this project and I’m having to deal with this issue. The individual I’m working for will not be pleased. I feel like a complaining kid who’s constantly coming back to this forum/thread which I don’t like and I’m sure you also do not like.

I’m willing to try the CSS code in order for the “add to cart” button and product quantity to be hidden. Instruct me on how to do so and I’ll try it.

Again, I’m sorry for constantly posting on this thread. It’s just that this one issue is preventing me from moving forward with my project and I’m supposed to be giving updates to the individual I’m doing this work for.

Thanks.

Hello,

You have enabled swatches. You need to disable the swatches to see the drop-down. This manual shows how to configure swatches: https://xtemos.com/docs-topic/variable-products-and-swatches/

You need to do everything and vice versa.

If you have any questions please feel free to contact us.

Best Regards

Thanks Elise.

How can I remove the “add to cart” button now?

Thanks.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-hover-base .wd-bottom-actions.wd-add-small-btn .wd-add-btn {
    display:none;
}
body .wd-add-btn  {
    display:none;
}
.woocommerce-variation-add-to-cart {
    display:none;
}

If there are any pages or tabs where the “Add to cart” button still appears, please provide the page URL and screen.

Best Regards

Hi Elise,

Just found a page where “add to cart” is still appearing.

Please see: http://safetysupplied.com/product/eyewash-solution-500ml/

Thanks.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .wd-single-add-cart .cart:not(.variations_form):not(.grouped_form) {
 display:none;
}

Best Regards

[Author]

Posts