SOLD tag on product

eladarale · February 19

Hello,

Please how can i edit the sold tag on my product?, are there other options to show it, like add it out side from the image on the bottom ?

Can i reduce the transparent on sold product ?

As well on hover it is canceling the view for the gallery images how can it be change to stay normal?

Thank you

Phil · February 19

Hi,

No, there is no option to show sould out tag outside the image.

The transparency can be reduced by using a custom CSS code. If you send a link to your website, we can help you write it.

Please provide more detail on what gallery images you refer to.

Best regards

eladarale · February 22

Hello,

Thank you, so as i understand it is only possible to reduced the transparency for the images that are SOLD OUT

Is it posible to control the text to change it to SOLD what about the color or the outlines for the SOLD OUT can it be change?

Please let's have the css custom to my SOLD OUT images

Please atteched is my shop page https://araleart.com/shop/

as well i'm using the shop element in my home page

Thank you

Phil · 11:00AM

Sold out text can be changed in Betheme -> Theme options -> Shop -> General:

To reduce transparency, use the following CSS code:

.products .product.outofstock .product-loop-thumb .image_wrapper img {
 opacity: .5!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

The color of the sold-out text is taken from Betheme -> Theme options -> Colors -> Headings: H4:

If you do not want to change all H4 on your website, you can use the following CSS code:

.products .product .soldout h4{
 color: #f00!important;
}

Best regards

Comments