Images in taxonomy Attributes

Hello, i set images in taxonomy of attributes and the images do not appear correctly in the frontend.

In backend i see correctly

But in frontend i dont see correctly

the images were uploaded in a square format in the size of 150px x 150px.

but in the frontend they don’t appear correctly inside the round ball, why?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Where do you want them to appear in the filters or in the product page?

Please check this manual: https://xtemos.com/docs/woodmart/variable-products-swatches/

If it is not what you need, please provide the page URL and screen of the page with the problem.

Best Regards

Hello, the image “frontend-taxonomy.png” is in sidebar in woocommerce shop page.
You can see that there isn’t a completely round ball.
I defined the attributes as an image, and in the attributes list on the backend I see the round ball correctly, but not on the shop page in the sidebar.
See my Attachment when i put the arrows, you see a bug.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

Best Regards

Hello at moment, i cant.
This site is only development and non-production environment.
But I already managed to understand what is causing the presentation error, it is a line of css in the theme, which has to be corrected.

This line:
.woodmart-pf-dropdown .filter-swatch>span, .woodmart-woocommerce-layered-nav .filter-swatch>span{background-repeat: no-repeat}

If the line looks like this, it already works:
.woodmart-pf-dropdown .filter-swatch>span, .woodmart-woocommerce-layered-nav .filter-swatch>span{background-repeat: repeat}

what is the correct size that should be used in the images?

Should the images be square or rectangular?

Thanks

Hello,

Please provide the page URL this style does not influence the shape.

background-size:cover; should be;

Best Regards

Hello,
See my Attachments.
If you understand

Attachments:

You must be logged in to view attached files.

Hello,

Please provide your site admin access to the private area.

I will give you the correct custom CSS.

Best Regards

Hello at moment, i cant provide admin access.
This site is only development and non-production environment and dont have url public.
I fixed the code with custom CSS, you can see is work in screenshot ok.png in my previous post.
I just reported it because it is a general bug of the template for you to fix it in the next versions no need for custom code.

Hello,

Thank you for the information, we will check the issue.

Best Regards

[Author]

Posts