Cybernetic (11 Март 2016 - 11:23) писал:
Здравствуйте.
Необходимо видоизменить карточку товара в соответствии с рис.
1.Изменить стилистику артикула шрифт 14х (текст не жирный)
2. Видоизменить с обычного отображения Цена:10000 рублей на "Цена в интернет магазине" (необходимо отображение как на рисунке т.е. "сумма и рублей" в следующей строке шрифт 16px жирный )
3) Изменения блока наличие товара - с "Наличие товара: Есть в наличии" на В наличии на складе (при отображении остатка более нуля) Под заказ. Уточнить срок поставки (при отображении остатка ноль ) фраза уточнить срок поставки ведет гиперссылкой на обратный звонок
4) Не меняйте я сам поменяю можно только сдвинуть как на рисунке.
Здравствуйте,
1) В конце main.css добавьте код:
.goodsDataMainModificationArtNumber span {
font-weight: normal !important;
font-size: 14px !important;
}
2) В шаблоне Товар найдите и удалите код:
<div class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
<!-- Цена сейчас -->
<div class="pricetag">
Цена:
<span class="price-new goodsDataMainModificationPriceNow" title="Текущая цена за «{GOODS_NAME}»" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
{GOODS_MOD_PRICE_NOW | money_format}
</span>
<!-- информация для поисковика о валюте товара -->
<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 %}
</div>
{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
<div style="display:none;" class="goodsDataMainDiscountBlock description" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
<!-- Акция на товар -->
<div><strong>Товар участвует в акции «{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong><br />
По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} <span style="color:#FF0000;">скидка</span> составляет {GOODS_MOD_MAX_DISCOUNT}%</div>
</div>
{% ENDIF %}
<!-- Старая цена -->
<div class="oldPrice" {% IF GOODS_MOD_PRICE_OLD = 0 %}style="display:none;"{% ENDIF %}>
<!-- Если на товар действует скидка -->
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб.">
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
</span>
<!-- Если старая цена была больше новой -->
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_OLD} руб.">
{GOODS_MOD_PRICE_OLD | money_format}
</span>
{% ENDIF %}
</div>
<!-- /Старая цена -->
</div>
далее перед кодом:
<!-- Доступность товара -->
добавьте код:
<div class="price" itemscope itemprop="offerDetails" itemtype="http://data-vocabulary.org/Offer">
<!-- Цена сейчас -->
<div class="pricetag">
Цена в интернет магазине:
</br>
<span class="price-new goodsDataMainModificationPriceNow" title="Текущая цена за «{GOODS_NAME}»" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">
{GOODS_MOD_PRICE_NOW | money_format}
</span>
<!-- информация для поисковика о валюте товара -->
<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 %}
</div>
{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
<div style="display:none;" class="goodsDataMainDiscountBlock description" itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
<!-- Акция на товар -->
<div><strong>Товар участвует в акции «{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}».</strong><br />
По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} <span style="color:#FF0000;">скидка</span> составляет {GOODS_MOD_MAX_DISCOUNT}%</div>
</div>
{% ENDIF %}
<!-- Старая цена -->
<div class="oldPrice" {% IF GOODS_MOD_PRICE_OLD = 0 %}style="display:none;"{% ENDIF %}>
<!-- Если на товар действует скидка -->
{% IF GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT>GOODS_MOD_PRICE_NOW %}
<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT} руб.">
{GOODS_MOD_PRICE_NOW_WITHOUT_DISCOUNT | money_format}
</span>
<!-- Если старая цена была больше новой -->
{% ELSEIF GOODS_MOD_PRICE_OLD>GOODS_MOD_PRICE_NOW %}
<span class="price-old goodsDataMainModificationPriceOld" title="Мы снизили цену на «{GOODS_NAME}». Старая цена - {GOODS_MOD_PRICE_OLD} руб.">
{GOODS_MOD_PRICE_OLD | money_format}
</span>
{% ENDIF %}
</div>
<!-- /Старая цена -->
</div>
Далее в main.css найдите код:
.pricetag {margin:15px 0;font-family: 'Ubuntu Condensed';float: left;}
и замените на код:
.pricetag {
margin: 15px 0;
float: left;
font-size: 16px;
font-weight: bold;
}
далее будем разбираться непосредственно с самой ценой, в main.css найдите код:
.num {font-size: 20px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-style: normal !important;font-weight: bold;color: #FF0000; background: #FFFFFF; border-radius: 6px; white-space: nowrap;}
и замените на код:
.num {
font-size: 20px !important;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal !important;
font-weight: bold;
color: #FF0000 !important;
background: #FFFFFF;
border-radius: 6px;
white-space: nowrap;
}
далее код:
.product-info .description span {
color: #000000;
font-size: 16px;
font-weight: bold;
}
замените на код:
.product-info .description span {
color: #000000;
font-size: 16px;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
3) Далее в шаблоне Товар найдите код (на данный момент 267 строка):
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> Наличие товара: <span style="color:#228B22; font-Impact; font-size:20px;">ЕСТЬ В НАЛИЧИИ</span></div>
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span style="color:#5979B4; font-Impact; font-size:20px;">ПОД ЗАКАЗ</span></div>
</div>
и замените на код:
<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <span style="color:#228B22; font-Impact; font-size:16px;">В наличии</span> на складе</div>
<div class="available-false" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}"> <span style="color: #A2A5AA; font-size:16px; float:left;">Под заказ</span> <a class="callme fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1&form[callback_comment]=«{GOODS_NAME | urlencode}»&form[callback_address]=%20«{CURRENT_URL | urlencode}»" onclick="yaCounter24900764.reachGoal('BUY2'); return true;" style="margin:0">
<p>
<span style="color: #228B22; text-decoration:underline;text-transform: none;float:left;">Уточнить наличие</span>
</p>
</a></div>
</div>
в этом коде значение свойства font-size:16px меняйте на нужное Вам.