Публикации
Не определился
Отправлено
Finnish (19 Август 2014 - 06:40) писал:
Здравствуйте! Подскажите, пожалуйста, как сделать:
1. Чтобы у товара высвечивались размеры, не заходя в карточку товара. И как убрать фон в рамке.
2.jpg
2. Вопросы по каталогу:
- 1. Увеличить шрифт слова и сделать голубой фон как в новостях
- 2. Сделать шрифт меньше и другим цветом
- 3. Плюсики заменить на треугольнички и сдвинуть их чуть-чуть вправо
-4. Сделать рамку- обводку каталога.
1.jpg
1. Чтобы у товара высвечивались размеры, не заходя в карточку товара. И как убрать фон в рамке.
2.jpg2. Вопросы по каталогу:
- 1. Увеличить шрифт слова и сделать голубой фон как в новостях
- 2. Сделать шрифт меньше и другим цветом
- 3. Плюсики заменить на треугольнички и сдвинуть их чуть-чуть вправо
-4. Сделать рамку- обводку каталога.
1.jpg
<div class="product_list_details">
<div class="product_list_details_left">
<h5><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h5>
<div class="price_container">
<span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span>
{% ENDIF %}
</div>
Добавьте код
<div class="modificR">
{% FOR mods %}
{%FOR v%}
{%IF goods.mods.v.NAME = Размер %}
{goods.mods.v.NAME}: {goods.mods.v.VALUE}
{%ENDIF%}
{% ENDFOR v %}
{% ENDFOR mods %}
</div>
Далее после кода
<div class="price_container {% IF goods.MIN_PRICE_NOW>=goods.MIN_PRICE_OLD %}price-box-for-regular-price{% ELSE %}price-box{% ENDIF %}" >
<span class="price">{goods.MIN_PRICE_NOW | money_format}</span>
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<span class="old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<span class="old-price">{goods.MIN_PRICE_OLD | money_format}</span>
{% ENDIF %}
</div>
Добавьте код
<div class="modificR">
{% FOR mods %}
{%FOR v%}
{%IF goods.mods.v.NAME = Размер %}
{goods.mods.v.NAME}: {goods.mods.v.VALUE}
{%ENDIF%}
{% ENDFOR v %}
{% ENDFOR mods %}
</div>
2. Вопросы по каталогу:
1) Найдите в style.css код
.block2 .block-title {
padding: 6px 18px;
color: #40383b;
text-transform: uppercase;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}
И замените его на
.block2 .block-title {
padding: 6px 18px;
color: #40383b;
text-transform: uppercase;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
background: #1E90FF;
text-shadow: 0 1px 0 #000;
font-size: 16px;
}
2)Найдите в style.css код
.accordion ul a, .accordion_main ul a {
font-size: 11px;
padding: 8px 10px 8px 10px;
}
И замените его на
.accordion ul a, .accordion_main ul a {
font-size: 11px;
padding: 8px 10px 8px 10px;
font-size: 11px;
color: #F80566;
}
Значение color и font-size, замените на свои.3) Зайдите в раздел Сайт-Редактор шаблонов-Изображения.
Далее найдите и скачайте картинку и именем sprites.png и в редакторе замените плюс и минус на треугольник, и загрузите с тем же именем.
Чтобы плюсиики подвинуть вправо, найдите в style.css код
.accordion em.open-close {
background: url("{ASSETS_IMAGES_PATH}sprites.png") no-repeat -130px -48px;
padding: 8px 14px;
position: absolute;
right: 0;
top: 0;
}
И замените на
.accordion em.open-close {
background: url("{ASSETS_IMAGES_PATH}sprites.png") no-repeat -130px -48px;
padding: 8px 14px;
position: absolute;
right: -20px;
top: 0;
}
4)Найдите в style.css код
.accordion ul {
padding: 0;
margin: 0;
display: block;
width: 100%;
position: relative;
}
И замените его на
.accordion ul {
padding: 0;
margin: 0;
display: block;
width: 100%;
position: relative;
border: 1px solid #111010;
}
