Hide Swatches instead of Greyed out

Good morning I was wondering if it’s possible to hide the swatches instead of them being greyed out. Also is it possible to have a button like border for the text swatches? Thanks

Hello,

You need to configure the swatches as the text and then I will be able to provide custom CSS to make them look like buttons. https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

Hi some have color some don’t

Hello,

Please read the instruction carefully. You need to remove the images and colors.

Best Regards

In my whole catalogue? Or just the ones with text

Hello,

You need to remove the images in the attribute items where you want to show the text. Please check this instruction: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

The images are removed…can you send the css code so we can test it?

Can you make it do something like the link I sent to you in the private content?

Hello,

Please provide your site admin access.

Best Regards

Hi Elise,

I was wondering if you could also fix the login thing too. I can login with facebook and google but when I hit create an account, nothing happens.

Thanks,
Jay

Hello,

You can configure the Login / Register page in Wooocommerce > Settings > Account and privacy. If it does not work, deactivate all the plugins not related to the theme and switch the parent theme, check the issue.

Best Regards

Morning Elise,

So it’s doing the same thing. Deactivated all the plugins and still does that. I sent a screenshot as to what is enabled in the “Accounts & Privacy” area in WooCommerce Settings.

Attachments:

You must be logged in to view attached files.

Also did you update the variation swatches to a button like style?
Thx

Hello,

Please make the full backup of your site as well as the Theme settings export and check login/register on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by Woocommerce.

You can configure the swatches as text and then custom with CSS. Let me know if you need help. https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

You said you’d send some CSS..

“Hello,

You need to configure the swatches as the text and then I will be able to provide custom CSS to make them look like buttons. https://xtemos.com/docs/woodmart/variable-products-swatches/”

Hello,

Please enter each attribute item and enable the option “Enable swatch – Attribute dropdown will be replaced with squared buttons”

Best Regards

Good morning Elise,

I enabled that but text swatches don’t appear as buttons. Instead it has a line underneath it. I sent you screen shots.

Attachments:

You must be logged in to view attached files.

Hello,

Please update the credentials, or provide a variable product URL I will provide custom CSS.

Best Regards

Hi Elise,

Credentials are in the private.

Hello,

Please provide a link for a variable product. I cannot log in your site. When I enter login/pass I get to Login/Register page and no messages.

Best Regards

Please login through the link given.

Hello,

I cannot now reach your site. https://prnt.sc/u9vx32

Please deactivate all the plugins and switch to the parent theme. Update the related plugins.

Best Regards

Goodmorning Elise,

Please try those credentials to login again at the link given. Site was being purged by CloudFlare

Hello,

Now I do not see the swatches on a variable product: https://prnt.sc/uahqkc

Now I have enabled swatches for 42 and 60 attribute item,https://prnt.sc/uai2c0 and swatches paper: https://prnt.sc/uai27c

Please read and follow this instruction to configure the swatches: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards

Hi Elise,

How do you make them look like ROUNDED buttons like this: https://prnt.sc/uaig3c

Please ask other developer if you don’t know how.

Thanks

Hello,

Please provide the page URL I will provide custom CSS.

Best Regards

I provided an example product. Please go ahead with custom CSS

Hello,

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

[data-id="pa_roll-width-in"] div{
border:1px solid red;
padding:3px;
}

Best Regards

Good morning Elise,

Thank you for the code.
Also, I was wondering why the cart page doesn’t update the total when changing the quantity.

For example: when you change the quantity using the button, it doesn’t actually update the order total.

If you could check into this, that would be aweseome.

Regards
Jay

Hello,

Please make the full backup of your site as well as the Theme settings export and check the issue on the Storefront theme to detect if our theme causes the problem. Storefront is a free theme developed by Woocommerce.

Best Regards

Hi Elise. It’s still not there with Storefront theme. Only happens with Woodmart.

Can you check into this?

Regards,
Jay

[Author]

Posts