Редактирования Страницы С Товаром

Убрать артикул товара и вместо этого добавить выделенное на фото
Спасибо.

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->Товар и найдите:

<div class="product-shop col-md-5 col-sm-12 col-xs-12">

<!-- Артикул -->

замените на:

<div class="product-shop col-md-5 col-sm-12 col-xs-12">

		 <div class="custom-block f-fix">
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-shipped"></i>
		 <div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-us-dollar"></i>
		 <div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-online-support"></i>
		 <div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
		 </div>
	 </div>

<!-- Артикул -->

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.custom-block {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.custom-block .item:first-child {border-left: 0;padding-left: 0;}
.custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}

чтобы убрать Артикул зайдите в Редактор шаблонов-->Товар. Найдите и удалите код:

{% IF GOODS_MOD_ART_NUMBER %}
<div class="goodsDataMainModificationArtNumber f-fix">
	 Артикул: <span>{GOODS_MOD_ART_NUMBER}</span>
</div>
{% ENDIF %}