Help with attribute image

Hi, i want to have one of my attribute image swatch full size, but its being rounded automatically.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Appearance -> Widgets -> Shop page widget area -> change the “Swatches shape” option – https://prnt.sc/Ua8Z48ZILxkV

Clear the cache and check how it works.

Kind Regards

hi, ive tried but it still makes the images have a border and be cropped in whatever form the “swatches shape” (circle, rounded or round) form if, but if you see the first attribute, it shows full image without cropping, my images that are cropping are the same size as the ones on top. Also i have seen the widget settings from my first attributte to see if it was different, but it is the same as the one with the problem

Attachments:

You must be logged in to view attached files.

Hello,

Is there any chance that you could give me access to the dashboard area so I can look closer at the issue there.

Thank you in advance

Kind Regards

Sure, data keys on private

Hello,

On my side it shows that access is failed – https://prnt.sc/m6k3rfpmFmqc could you please check it on your side?

I await your response.

Kind Regards

Hi, se the new log

Hello,

Still the same issue – https://prnt.sc/4WFB7i6bMYGm

Navigate to Products -> Attributes -> edit the attribute that has those values with images and change the swatch style here – https://prnt.sc/RpYrBatiqI0a

Let me know the result.

Kind Regards

Hi!

Hello,

Sorry for the delay.

Such styles of swatches activate for the Brands attributes that are defined here – https://prnt.sc/e4J0dHU3uJv9

At the moment I see that those attributes are not related to the Brands and that is why the images looks a little bit different.

So select the “Auto” attribute as a brand in Theme Settings – https://prnt.sc/QFIkiIKvWbPR and check how it works.

Let me know if such a solution suits you.

Kind Regards

Hi, but if i select “auto” now the brand will change correct? Is there a way to show the “auto” image swatch as the brand with CSS?

Hello,

It’s possible to make the custom CSS, but it will work for other filter swatches if they have the same configuration.

.woodmart-woocommerce-layered-nav .wd-swatches-filter .wd-swatch  {
    --wd-swatch-h: 30px;
    --wd-swatch-w: 60px;
}

.woodmart-woocommerce-layered-nav .wd-swatches-filter .wd-swatch-bg:before {
    border: 0 !important;
}

Try to use the above code and let me know.

Kind Regards

Hi luke, it worked, for other and future image swatches i just have to change configuration for it to not be affected by the css right?

Hello,

In that case, just bind the custom code to a specific id – https://prnt.sc/RUlA5tVAl5IY

Let me know if you have any questions.

Kind Regards

[Author]

Posts