fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Broken Image links

Hi there,

I’m having an issue that’s driving me crazy and I can’t get it fixed my self.
No matter what I do I keep having broken images in my variations. Can you please advice what’s wrong?
You can see the problem here: https://sgic.co.uk/v3/product/avery/

I’ve watched your video tutorials but didn’t find any answers.
I also tried to empty the browser cache, as well as my site cache but still I have the same problem.

Cheers,
S.

Tanvirul Haque

Hello Stelios Nikolaou,

I have fixed the issue by changing the attribute type image to default https://prnt.sc/26bxfk6 Could you please check and confirm with me?

Thanks

Hi Tanvirul,

Thank you so much, that seemed to work! So, to understand correctly, “image” is only used if I want to use an image that is not my variation image as a variation?

S.

I have two more quick questions:
Is there a way to remove the border around the image variations but keep it for the buttons?
And lastly, how can I change the shadow of the tooltip? I can’t seem to find the CSS property.

S.

Tanvirul Haque

“image” is only used if I want to use an image that is not my variation image as a variation?

Yes, also if you want to add different image too.

Is there a way to remove the border around the image variations but keep it for the buttons?

Here is the CSS code:

.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item):hover,
.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item).selected:hover,
.woo-variation-swatches .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item).selected {
box-shadow: none !important;
}

how can I change the shadow of the tooltip?

Here is the CSS code:

.wvs-has-image-tooltip:after, .wvs-has-image-tooltip:before, [data-wvstooltip]:after, [data-wvstooltip]:before { box-shadow: 0 7px 15px rgb(0 0 0 / 30%); }

Is there anything else that I can help you with?

Thanks