Finnish (19 Август 2014 - 06:40) писал:
Здравствуйте! Подскажите, пожалуйста, как сделать:
1. Чтобы у товара высвечивались размеры, не заходя в карточку товара. И как убрать фон в рамке.
2.jpg
2. Вопросы по каталогу:
- 1. Увеличить шрифт слова и сделать голубой фон как в новостях
- 2. Сделать шрифт меньше и другим цветом
- 3. Плюсики заменить на треугольнички и сдвинуть их чуть-чуть вправо
-4. Сделать рамку- обводку каталога.
1.jpg
1. Чтобы у товара высвечивались размеры, не заходя в карточку товара. И как убрать фон в рамке.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
2. Вопросы по каталогу:
- 1. Увеличить шрифт слова и сделать голубой фон как в новостях
- 2. Сделать шрифт меньше и другим цветом
- 3. Плюсики заменить на треугольнички и сдвинуть их чуть-чуть вправо
-4. Сделать рамку- обводку каталога.
![Прикрепленный файл](https://forum.storeland.ru/public/style_images/master/attachicon.gif)
<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; }