I want to fetch the product attributes description

Hello,
I want to fetch the product attributes description & when attributes clicked the description show accordingly.

can you just tell me how can i add the attribute description field. need support from your side.

example:

I have variation name is RED (when red color clicked its showing the hint or description about red color)

Hello,

Navigate to Theme Settings -> Shop -> Variable products -> Show selected option name on desktop and tablet: https://gyazo.com/932fbc22d2f9ea7cbbe2dae1ee44167c

Let me know if you have any further questions.

Kind Regards

No,
I want to show Description not attribute name.

check Screen shot

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but right now there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope.
Hope you can understand our limitations.

Kind Regards

Hello,

Is there any plugin for it? if you know please suggest us.

Hello,

Edit the variation product and in the product data settings define the description here – https://prnt.sc/Hw641FhoHHln, save it, clear the cache and it should work as you want.

Thank you for your time.

Kind Regards

how it can display??

Hello,

Here is an example – https://gyazo.com/94db1e63c36963b6be59fec36fd8a95d

Kind Regards

Hello,

Can you provide me css for below attached design.

i attached design image & woodmart categories image.

i want to same black background as on my woodmart categories. woodmart design is simple.

when active tab is showing black inline. i want to design same as attached.

Attachments:

You must be logged in to view attached files.

Hello,

In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

Kindly check

Hello,

Here is a custom for help, define it in Theme Settings -> Custom CSS -> Desktop CSS area.

.prod-cat-archieve .wd-nav-product-cat li {
    border: 1px solid #333;
    border-radius: 23px;
}

.prod-cat-archieve .wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    background-color: #333;
    color: #fff;
}

.prod-cat-archieve .wd-nav-product-cat li a {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 21px;
}

.prod-cat-archieve .wd-nav-product-cat li:hover a {
    background-color: #333;
    color: #fff;
    border-radius: 21px;
}
    
.prod-cat-archieve .wd-nav[class*="wd-style-underline"]>li:is(:hover,.current-menu-item,.wd-active,.active)>a .nav-link-text:after {
    width: 0;
}

https://prnt.sc/wh4H-7a4oSET

If you want to make buttons smaller, decrease the font size.

Kind Regards

Thank you so much.

but can you make it mobile friendly?? it is showing very big

Hello,

You can make them smaller by changing the font size here – https://prnt.sc/gTgtLlKIVfpS

Thanks for your patience. Hopefully, you are doing well.

Kind Regards

thank you.

but 1 more help from your side.

Hello,

Could you please check how it works with the default WordPress theme like WooCommerce Storefront to understand whether it is our theme issue or not?

Kind Regards

Yes, it is same on other theme.

can you hide the load icon ?? because on another product it is very smooth, but only 1 product showing load.

kindly advice.

Hello,

Any Update??

Hello,

In general, other products don’t have such loader due to the low count of the variations, the product that you have sent has around 36 variations so it takes some time to upload the data to the database, which is why that product has the loader when changing variations. This functionality comes from WooCommers and it works in such a way.

If you don’t care about it, you can use the code below to disable the loader.

.single-product  .blockUI {
    display: none !important;
}

Kind Regards

[Author]

Posts