seregakot (07 Июль 2016 - 14:29) писал:
Я выполнил все ваши инструкции . даже с кнопкой .
Можно отдельные 4 картинки и текст .
6) В шаблоне Товар найдите блок
<div class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer" style="margin-left: 0px;">
<!-- Цена сейчас -->
<h1 itemprop="price" content="{GOODS_MOD_PRICE_NOW}" class="goodsDataMainModificationPriceNow" title="Цена сейчас" style="margin-left: 0px;">
{GOODS_MOD_PRICE_NOW | money_format}
</h1>
<!-- информация для поисковика о валюте товара -->
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
<!-- информация о числе товаров на складе -->
<meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
<!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
{% IF GOODS_MOD_REST_VALUE>0 %}
<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
{% ENDIF %}
<!-- Старая цена -->
<h3 class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">
<!-- Если на товар действует скидка -->
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
<!-- Если старая цена была больше новой -->
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_OLD | money_format}
{% ENDIF %}
</h3>
</div>
<div class="clear"></div>
</div>
<div class="goodsDataFormSubmitButton">
<!-- Добавление в корзину -->
<div class="buy-item">
<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="float: left;text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
<button type="submit" onclick="quickorder('.goodsDataForm', 'default');return false;" title="Добавить в корзину" style="float: left;">Купить</button>
</div>
<a href="#" title="Быстро оформить заказ" onclick="quickorder('.goodsDataForm');return false;">Заказать в 1 клик</a>
<!-- /Добавление в корзину -->
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами" href="#" >Добавить к сравнению</a>
<a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="#" >Убрать из сравнения</a>
{% ENDIF %}
{% ENDIF %}
</div>
и замените его на
<div class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer" style="margin-left: 0px;">
<!-- Цена сейчас -->
<h1 itemprop="price" content="{GOODS_MOD_PRICE_NOW}" class="goodsDataMainModificationPriceNow" title="Цена сейчас" style="margin-left: 0px;">
{GOODS_MOD_PRICE_NOW | money_format}
</h1>
<!-- информация для поисковика о валюте товара -->
<meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
<!-- информация о числе товаров на складе -->
<meta itemprop="quantity" content="{GOODS_MOD_REST_VALUE}"/>
<!-- информация для поисковика о наличие товара. Отображается только при наличии товара на складе. Доступные значения: out_of_stock,in_stock,instore_only,preorder. -->
{% IF GOODS_MOD_REST_VALUE>0 %}
<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}"></span>
{% ENDIF %}
<!-- Старая цена -->
<!-- <h3 class="goodsDataMainModificationPriceOld lineThrough" title="Старая цена">-->
<!-- Если на товар действует скидка -->
<!-- {% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
<!-- Если старая цена была больше новой -->
<!-- {% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
{GOODS_MOD_PRICE_OLD | money_format}
{% ENDIF %}
</h3>-->
</div>
<div class="clear"></div>
</div>
<div class="goodsDataFormSubmitButton">
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable aviableGoodsSecond">
<div {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
<div style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Товара нет в наличии</div>
</div>
<!-- Добавление в корзину -->
<div class="buy-item">
<div class="colItem">
<span class="minus">-</span>
<input name="form[goods_mod_quantity]" id="qty" maxlength="12" value="1" title="Количество" style="text-align: right;width: 30px;margin-top: 1px;margin-right: 1%;padding-right: 5px;">
<span class="plus">+</span>
</div>
<br>
<button type="submit" class="cartBut" onclick="$('.goodsDataForm').submit();return false;" title="Положить «{GOODS_NAME}» в корзину">В корзину</button><br>
<button type="submit" class="orderBut" onclick="quickorder('.goodsDataForm', 'default');return false;" title="Добавить в корзину">Купить в 1 клик</button>
</div>
<script type="text/javascript" >
$(document).ready(function() {
$('.minus').click(function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.plus').click(function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
});
</script>
<!-- /Добавление в корзину -->
<!-- Если в тарифном плане подключен модуль сравнения товаров -->
{% IF TARIFF_FEATURE_GOODS_COMPARE %}
<!-- Если не выключен модуль сравнения товаров, то покажем кнопку сравнения товаров -->
{% IFNOT SETTINGS_COMPARE_DISABLE %}
<a class="goodsDataCompareButton add" {% IF GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_ADD_URL}?return_to={CURRENT_URL | urlencode}" title="Добавить «{GOODS_NAME}» к списку сравнения с другими товарами" href="#" >Сравнить</a>
<a class="goodsDataCompareButton delete" {% IFNOT GOODS_MOD_IS_HAS_IN_COMPARE_LIST %}style="display:none;"{% ENDIF %} rel="{COMPARE_DELETE_URL}?return_to={CURRENT_URL | urlencode}" title="Убрать «{GOODS_NAME}» из списка сравнения с другими товарами" href="#" >Не сравнивать</a>
{% ENDIF %}
{% ENDIF %}
</div>
В самый конец файла style.css добавьте блок
.goodsDataMain .buy-item{ text-align:center;}
.buy-item .cartBut{
background: #fce037 !important;
color: #000;
width: 60%;
margin: 0 0 10px 0;
border-radius: 10px;
font-weight: bold;}
.buy-item .orderBut{
background: #dee0ed;
width: 60%;
border-radius: 10px;
color: #6e7186;}
.buy-item .colItem{
width: 70px;
background: #e2e1f3;
padding: 5px;
border-radius: 6px;
text-align: center;
margin: 0 auto;}
.aviableGoodsSecond div{
text-align: center;
}
.goodsDataMainModificationPriceNow{text-align:center;}
.goodsDataMainModificationPriceNow span{font-size:20px;}
.goodsDataCompareButton{
display: block;
height: 25px;
border: 1px solid #dde0ef;
width: 60%;
text-align: center;
padding-top: 8px;
margin: 0 auto;
border-radius: 8px;
}
Теперь в том же файле найдите строку
.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;}
и замените ее на
/*.buy-item button:hover {background: url("{ASSETS_IMAGES_PATH}icons.png") no-repeat scroll 10% -552px #404040;}*/
Затем найдите строку
.goodsDataMainModificationPriceNow{float:left; color: #aaa;margin: 5px;}
замените ее на
.goodsDataMainModificationPriceNow{/*float:left;*/ color: #aaa;margin: 5px;}
7) В шаблоне Товар найдите блок
<div>
<img src="Ссылка на картинку">
</div>
и замените его на
<div class="BlockIconDop">
<div class="imgBlockIconDop"><img src="{ASSETS_IMAGES_PATH}название_картинки1" style="width:20px"></div><p>Бесплатная доставка при доставке от 3000грн</p><div class="clear"></div>
<div class="imgBlockIconDop"><img src="{ASSETS_IMAGES_PATH}название_картинки2" style="width:20px"></div><p>Возможна покупка любого товара в кредит</p><div class="clear"></div>
<div class="imgBlockIconDop"><img src="{ASSETS_IMAGES_PATH}название_картинки3" style="width:20px"></div><p>Заказы оформленные до 12.00 оставляются в тот же день</p><div class="clear"></div>
<div class="imgBlockIconDop"><img src="{ASSETS_IMAGES_PATH}название_картинки4" style="width:20px"></div><p>Гарантия на все товары</p><div class="clear"></div>
</div>
В конец файла style.css добавьте блок
.BlockIconDop{margin-top:15px;}
.BlockIconDop .imgBlockIconDop{
width: 40px;
height: 20px;
border: 1px solid black;
border-radius: 50%;
text-align: center;
padding: 10px 0;
float:left;
}
.BlockIconDop p {padding: 14px 50px;}
Картинки для этого блока Вам нужно загрузить в разделе Сайт-> Редаткор шаблонов в левой колонке кнопка Добавить файл. И их навзания (с форматом) вставьте в блок выше заместо название картинки..