Images in taxonomy Attributes

This topic has 9 replies, 2 voices, and was last updated 3 years, 7 months ago by Elise Noromit.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
March 31, 2021 at 12:45 pm #277904

ivo.barbosa
Participant

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.

March 31, 2021 at 8:57 pm #278013

Elise Noromit
Member

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

April 1, 2021 at 8:28 am #278146

ivo.barbosa
Participant

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.

April 1, 2021 at 4:22 pm #278264

Elise Noromit
Member

Hello,

Please provide your site admin access to the private area.

Best Regards

April 1, 2021 at 4:27 pm #278268

ivo.barbosa
Participant

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

April 1, 2021 at 5:12 pm #278278

Elise Noromit
Member

Hello,

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

background-size:cover; should be;

Best Regards

April 5, 2021 at 8:19 am #278893

ivo.barbosa
Participant

Hello,
See my Attachments.
If you understand

Attachments:
You must be logged in to view attached files.

April 5, 2021 at 9:35 am #278936

Elise Noromit
Member

Hello,

Please provide your site admin access to the private area.

I will give you the correct custom CSS.

Best Regards

April 5, 2021 at 3:43 pm #279050

ivo.barbosa
Participant

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.

April 5, 2021 at 7:35 pm #279101

Elise Noromit
Member

Hello,

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

Best Regards
Author

Posts