Thank you for your help.
Yes I am using the Shoe Store Free eCommerve website templete. I have edited the custom code and added the PHP code.

if({|text_single_checkbox_onoff_89|}[0]->data == 1){
echo '<span class="img_new"></span>';
}
if({|text_single_checkbox_onoff_90|}[0]->data == 1){
echo '<span class="img_sale"></span>';
}
if({|text_single_checkbox_onoff_161|}[0]->data == 1){
echo '<span class="img_1bag"></span>';
}
if({|text_single_checkbox_onoff_160|}[0]->data == 1){
echo '<span class="img_3bag"></span>';
}
if({|text_single_checkbox_onoff_162|}[0]->data == 1){
echo '<span class="img_10bag"></span>';
}
if({|text_single_checkbox_onoff_163|}[0]->data == 1){
echo '<span class="img_12bag"></span>';
}

I have added this code to Goods vertical layout for category tabs on HOME PAGE & Single Product Instance Layout

I then opened the Templete (Cck_shoe_store) and updated the code found in the CSS file > Style.css with the following code:

}

.good_tab_item .good_tab_item__new,
.good_tab_item .good_tab_item__sale,
.good_tab_item .good_tab_item__1bag,
.good_tab_item .good_tab_item__3bag,
.good_tab_item .good_tab_item__10bag,
.good_tab_item .good_tab_item__12bag,
.goods_single_page .goods_single_page__new,
.goods_single_page .goods_single_page__sale,
.goods_single_page .goods_single_page__1bag,
.goods_single_page .goods_single_page__3bag,
.goods_single_page .goods_single_page__10bag,
.goods_single_page .goods_single_page__12bag, {
font-size: 0;
height: 0;
}
.good_tab_item .good_tab_item__price_row {
min-height: 50px;
}
.good_tab_item .img_new:before,
.goods_single_page .img_new:before {
content: "";
position: absolute;
width: 115px;
height: 115px;
background: url(../../../images/new.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: 99;
left: -14px;
top: -13px;
}
.good_tab_item .img_sale:before,
.goods_single_page .img_sale:before {
content: "";
position: absolute;
width: 115px;
height: 115px;
background: url(../../../images/best_price.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: 99;
right: -25px;
top: -40px;
transition: all .6s;
}
.good_tab_item .img_1bag:before,
.goods_single_page .img_1bag:before {
content: "";
position: absolute;
width: 115px;
height: 115px;
background: url(../../../images/1bag.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: 99;
right: -25px;
top: -40px;
transition: all .6s;
}
.good_tab_item .img_3bag:before,
.goods_single_page .img_3bag:before {
content: "";
position: absolute;
width: 115px;
height: 115px;
background: url(../../../images/3bag.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: 99;
right: -25px;
top: -40px;
transition: all .6s;
}
.good_tab_item .img_10bag:before,
.goods_single_page .img_10bag:before {
content: "";
position: absolute;
width: 115px;
height: 115px;
background: url(../../../images/10bag.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: 99;
right: -25px;
top: -40px;
transition: all .6s;
}
.good_tab_item .img_12bag:before,
.goods_single_page .img_12bag:before {
content: "";
position: absolute;
width: 115px;
height: 115px;
background: url(../../../images/12bag.png) no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: 99;
right: -25px;
top: -40px;
transition: all .6s;
}
.good_tab_item .good_tab_item__img_col .drop-item:first-of-type,
.goods_single_page__left_col .drop-item:first-of-type {
z-index: 59 !important;
}

It does not appear that the images are displaying???? The website can be found at - www.buyvacuumbags.com

Here is a screenshot

As you can see thew +field has been updated

So now you must do 2 things(as example for 1 field)
1. when you for some instance, in edit form, selected "1 Pack" at frontend,
at page where this instance show and this layout show, you in HTML code see :
<span class="img_1bag"></span>

2. add to your site CSS files styles for <span class="img_1bag"></span> as we added for "Sales".

Regards
Ordasoft team

I see all good for you.

Perfect, Thank You!