change sale, new, out of stock image

[jogodesigns]

Where and how can I integrate my own images for sale, out of stock and new tags. I want to replace them.
I hope someone in the support team can answer this question.

thx

[Melanie – SUPPORT]

Hi,

those are not images, those are generated with CSS and PHP.
This css controls the looks of it

.woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {
background: #ef3f32;
color: #fff;
text-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
white-space: nowrap;
overflow: hidden;
position: absolute;
text-align: center;
padding: 4px;
width: 120px;
min-width: auto!important;
height: 26px!important;
min-height: 26px!important;
max-height: 26px!important;
margin: 0!important;
border-radius: 0;
right: -31px!important;
top: 16px!important;
left: auto;
z-index: 1;
text-transform: uppercase;
font-size: 11px;
line-height: 28px;
font-weight: bold;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

Feel free to paste it to theme options > general > custom css and modify it according to your liking.
The php code to modify is in the file product-image.php

Cheers mate.

[karel]

hi

how to properly use/add modified version of product-image.php in the child theme?

like this in the functions.php file?
require_once( get_stylesheet_directory() . ‘/my_included_file.php’ );

i want to translate just texts ‘Sale’ ‘Free’ ‘Out of Stock’ and keep those translations alive after the parent theme updates ..

or what would be the best practice to achieve this?

[Kyle – SUPPORT]

Hi

You can use a translation plugin such as Codestyle Localization to translate those words

– Kyle