Помогите С Дизайном. Нужно Как Можно Скорее...
#21
Отправлено 20 Июль 2013 - 10:39
#24
Отправлено 20 Июль 2013 - 11:36
.panel-bottom { background: #4B4B4B; border-radius: 6px 6px 0 0; bottom: 0; left: 50%; margin-left: -40%; position: fixed; width: 80%; overflow: hidden; }
и замените на код
.panel-bottom { background: url("{ASSETS_IMAGES_PATH}navbg.png") top repeat-x; border-radius: 6px 6px 0 0; bottom: 0; left: 50%; margin-left: -40%; position: fixed; width: 80%; overflow: hidden; height: 30px; height: 3; }
#25
Отправлено 20 Июль 2013 - 11:42
.panel-bottom-link li { color: #FFFFFF; display: block; float: left; font-size: 16px; height: 50px; line-height: 50px; text-align: center; width: 335.4px; cursor: pointer; border-left: 1px solid #6A6A6A; border-right: 1px solid #3C3C3C; }
и замените на код
.panel-bottom-link li { color: #FFFFFF; display: block; float: left; font-size: 16px; height: 30px; line-height: 30px; text-align: center; width: 335.4px; cursor: pointer; border-left: 1px solid #6A6A6A; border-right: 1px solid #3C3C3C; }
#26
Отправлено 20 Июль 2013 - 11:48
Taisia (20 Июль 2013 - 11:36) писал:
.panel-bottom { background: #4B4B4B; border-radius: 6px 6px 0 0; bottom: 0; left: 50%; margin-left: -40%; position: fixed; width: 80%; overflow: hidden; }
и замените на код
.panel-bottom { background: url("{ASSETS_IMAGES_PATH}navbg.png") top repeat-x; border-radius: 6px 6px 0 0; bottom: 0; left: 50%; margin-left: -40%; position: fixed; width: 80%; overflow: hidden; height: 30px; height: 3; }
Taisia (20 Июль 2013 - 11:42) писал:
.panel-bottom-link li { color: #FFFFFF; display: block; float: left; font-size: 16px; height: 50px; line-height: 50px; text-align: center; width: 335.4px; cursor: pointer; border-left: 1px solid #6A6A6A; border-right: 1px solid #3C3C3C; }
и замените на код
.panel-bottom-link li { color: #FFFFFF; display: block; float: left; font-size: 16px; height: 30px; line-height: 30px; text-align: center; width: 335.4px; cursor: pointer; border-left: 1px solid #6A6A6A; border-right: 1px solid #3C3C3C; }
#27
Отправлено 20 Июль 2013 - 12:02
#28
Отправлено 20 Июль 2013 - 12:10
Taisia (20 Июль 2013 - 12:02) писал:
Вот только кнопки на панели не активные
как убрать теперь уж лишний блок на сайте "сравнение товаров" так как он уже есть в нижней панели.
и как добавить еще два блока за место этого. и самое главное как в эти блоки вставлять картинки (опишите пожалуйста)
#29
Отправлено 20 Июль 2013 - 13:17
Василий (20 Июль 2013 - 12:10) писал:
Вот только кнопки на панели не активные
как убрать теперь уж лишний блок на сайте "сравнение товаров" так как он уже есть в нижней панели.
и как добавить еще два блока за место этого. и самое главное как в эти блоки вставлять картинки (опишите пожалуйста)
В шаблоне HTML найдите код:
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4> <div class="contentTbodyCompare"> {%IF COMPARE_GOODS_COUNT=0 %} <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em> {% ELSE %} <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br /> <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->и удалите его.
Далее добавьте там же код:
<img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170">Загрузите изображение в раздел Сайт - Файлы и измените в коде пути до изображений.
#30
Отправлено 20 Июль 2013 - 13:37
miyako (20 Июль 2013 - 13:17) писал:
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} <br /><h4 class="contentTbodyCatalogHeader"><a href="{COMPARE_URL}">Сравнение товаров</a></h4> <div class="contentTbodyCompare"> {%IF COMPARE_GOODS_COUNT=0 %} <em class="contentTbodyCompareEmpty">Нет товаров для сравнения</em> {% ELSE %} <em>Товаров на сравнении: {COMPARE_GOODS_COUNT} шт.</em><br /> <a class="contentTbodyCompareDetails" href="{COMPARE_URL}">Посмотреть</a> {% ENDIF %} </div> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->и удалите его.
Далее добавьте там же код:
<img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170">Загрузите изображение в раздел Сайт - Файлы и измените в коде пути до изображений.
Мне надо сделать, что то подобное.
как в картинки вставить ссылки?
#31
Отправлено 20 Июль 2013 - 14:26
Василий (20 Июль 2013 - 13:37) писал:
как в картинки вставить ссылки?
Код:
<img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170">замените на:
<div class="block1"> <h3>Доставка и Оплата</h3> <img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170"> </div> <div class="block1"> <h3>Разное</h3> <img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170"> </div>
#32
Отправлено 20 Июль 2013 - 14:32
miyako (20 Июль 2013 - 14:26) писал:
<img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170">замените на:
<div class="block1"> <h3>Доставка и Оплата</h3> <img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170"> </div> <div class="block1"> <h3>Разное</h3> <img src="путь до изображения 1" alt="описание изображения" width="170"> <img src="путь до изображения 2" alt="описание изображения" width="170"> </div>
#33
Отправлено 20 Июль 2013 - 14:43
Василий (20 Июль 2013 - 14:32) писал:
забыл прикрепить
#34
Отправлено 20 Июль 2013 - 15:43
#36
Отправлено 21 Июль 2013 - 06:34
Василий (20 Июль 2013 - 16:00) писал:
Какие кнопки у Вас не активные? Gif картинку, то есть анимированную подключить можно также как и обычную. Подробнее здесь - http://www.shaybakov.../insert_gif.php
Какие у Вас остались еще вопросы?
#37
Отправлено 21 Июль 2013 - 10:52
miyako (21 Июль 2013 - 06:34) писал:
Какие у Вас остались еще вопросы?
Панель вы помогли установить, а вот включить ее нет!
Она должны быть как тут http://www.123.ru/
#38
Отправлено 23 Июль 2013 - 01:37
.panel-bottom-content { clear: both; background: #fff; } .panel-bottom-content > div { height: 0; } .panel-bottom-content > .selected { border: 1px solid; border-bottom: none; padding: 5px; } .panel-bottom { height: auto !important; }
далее в файл main.js добавьте
$(function() { $('.panel-bottom-link li').click(function() { var open = $.proxy(function() { $('#' + $(this).attr('rel')).addClass('selected').css({height: '0'}).show().stop() .animate({height: '300px'}, 500); }, this); if(!$('.panel-bottom-content > div.selected').length) { return(open()); } $('.panel-bottom-content > div.selected').stop().animate({height: '0'}, 500, function() { $(this).hide().removeClass('selected'); open(); }); }); });
Далее вам останется только переместить блоки Просмотренные товары, В сравнении, Онлайн-консультант в соответствующие блоки панели. Каждому блоки задан id. Например id="recently_viewed_goods" или <div id="conline_consultant"
Все необходимые переносимые блоки вы можете найти в шаблоне "HTML". Например
<!-- Последние товары, просмотренные пользователем --> {% IFNOT recently_viewed_goods_empty %} <br /><h4 class="contentTbodyCatalogHeader">Вы смотрели</h4> <div class="contentTbodyRecentlyViewed"> <table class="recent_viewed"> {% FOR recently_viewed_goods %} <tr class="alignLeft {% IF recently_viewed_goods.last %}last{% ENDIF %}"> <td class="img txtalgncnt"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»"><img class="goods-image-icon" src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{recently_viewed_goods.IMAGE_ICON}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /></a> </td> <td class="link statetitle fnt12n txtalgnlft"> <a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a> </td> </tr> {% ENDFOR %} </table> </div> {% ENDIF %} <!-- Последние товары, просмотренные пользователем -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных