ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• November 29, 2013 at 9:35 pm #34464
  jogodesigns

  Member

  Post count: 35

  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

  December 2, 2013 at 3:50 pm #34805
  Melanie – SUPPORT

  Member

  Post count: 11032

  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.

  April 28, 2015 at 8:11 am #169361
  karel

  Member

  Post count: 5

  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?

  April 28, 2015 at 8:35 am #169371
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

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

  – Kyle

• Back to forum

  Posted in: Neighborhood