Вопросы По Изменению Внешнего Вида Сайта
#1
Отправлено 15 Июнь 2014 - 17:05
#2
Отправлено 16 Июнь 2014 - 15:08
Equator (15 Июнь 2014 - 17:05) писал:
<select name="per_page" onchange="this.form.submit();" style="background: black;">на
<select class="show_by" name="per_page" onchange="this.form.submit();" style="background: black;">и
<select name="goods_search_field_id" onchange="this.form.submit();" style="padding-left: 2px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; font-size: 12px !important; color: #525252; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-shadow: 1px 0 0 #fff; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); border: 1px solid #bbb; border-top-color: #ccc; border-bottom-color: #aaa; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,0.1);">на
<select class="sort_by" name="goods_search_field_id" onchange="this.form.submit();" style="padding-left: 2px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; font-size: 12px !important; color: #525252; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-shadow: 1px 0 0 #fff; cursor: pointer; background-image: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5); border: 1px solid #bbb; border-top-color: #ccc; border-bottom-color: #aaa; border-radius: 2px; box-shadow: 0 0 3px rgba(0,0,0,0.1);">Затем в main.css добавить строки:
.sort_by:hover {} .show_by:hover {}и в фигурных скобках указать необходимые вам стили. Если с ними нужна будет помощь - пишите, какие конкретно изменения вы хотите произвести.
#3
Отправлено 16 Июнь 2014 - 21:39
Подскажите еще вот что. В каталоге товаров мне нужно изменить шрифт текста краткого описания. Как это сделать я знаю, но когда меняю, то вместе со шрифтом краткого описания меняются шрифты у некоторых других элементов на странице, например шрифт пути страницы. Подскажите, как поменять шрифт только у краткого описания, а остальные не трогать?
Второй вопрос: мне нужно, чтобы краткое описание отображалось не полностью. Т.е. в режиме отображения таблицей краткое описание занимало 3 строчки и не переходило на четвертую, а заканчивалось многоточием. И тоже самое в режиме отображения списком, только там краткое описание должно занимать 2 строчки. Показал на скринах, как примерно должно быть.
И последний вопрос: можно ли изменить переключатель режима просмотра в каталоге и сделать его не в виде текста, а в виде .png файлы, т.е. заменить слова "таблица" и "список" на изображения ( размер 25x25px каждое)?
#4
Отправлено 17 Июнь 2014 - 02:04
Цитата
Добавьте в конец вашего файла стилей main.css следующий класс
.contm > p { font: 14px/20px Arial,Helvetica,sans-serif; }
после этого измените параметры шрифта в данном классе на необходимые.
Цитата
В конец файла main.js добавьте следующий код
$(function() { $('.contm > p').each(function(){ while ($(this).outerHeight() >= 50) { $(this).text($(this).text().slice(0,-4)+'...'); } }); $('.goodsListItemBlock > p').each(function(){ while ($(this).outerHeight() >= 60) { $(this).text($(this).text().slice(0,-4)+'...'); } }); });
Цитата
Можно, добавьте в ваш файл стилей main.css следующий код
.viewSelector > *:first-child, .viewSelector > *:last-child { display: inline-block; height: 25px; text-indent: -9999px; width: 25px; background: url("{ASSETS_IMAGES_PATH}view-table.png") no-repeat; } .viewSelector > *:last-child { background: url("{ASSETS_IMAGES_PATH}view-list.png") no-repeat; }
а после загрузите изображения view-table.png и view-list.png в разделе Сайт -> Редактор шаблонов.
#5
Отправлено 18 Июнь 2014 - 00:18
#6
Отправлено 18 Июнь 2014 - 01:15
.viewSelector > *:first-child:hover
и замените на
.viewSelector > *:first-child:hover, .viewSelector > strong:nth-of-type(1)
далее найдите
.viewSelector > *:last-child:hover
и замените на
.viewSelector > *:last-child:hover, .viewSelector > strong:nth-of-type(2)
#8
Отправлено 18 Июнь 2014 - 01:54
#9
Отправлено 22 Июнь 2014 - 16:05
И подскажите, как сделать такие же кнопки на странице товаров.
#10
Отправлено 24 Июнь 2014 - 01:22
#11
Отправлено 24 Июнь 2014 - 04:15
<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>
и перенесите его, вставив в самый конец шаблона. Для страницы товара вам необходимо выполнить аналогичное изменение - в шаблоне "Товар" найдите код
<div class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</div><br /><br /> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% 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 class="nums"> <input name="form[quantity][{GOODS_MOD_ID}]" value="1" /> <span class="plus">+</span> <span class="minus">-</span> </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> </div> <div class="more-link" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину" href="#">В корзину</div><br /><br /> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% 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 %}
возможно понадобиться небольшое выравнивание через стили.
#12
Отправлено 30 Июнь 2014 - 17:21
Появился еще один вопрос. На странице товара сделал вкладки, в первую поместил описание товара, во вторую характеристики и модификации, но вот перенести отзывы в третью вкладку не получается, отзывы там просто не отображаются. Помогите пожалуйста. Вкладки делал по инструкции из этой темы http://forum.storela...бов/#entry35035
#13
Отправлено 30 Июнь 2014 - 17:45
Equator (30 Июнь 2014 - 17:21) писал:
Появился еще один вопрос. На странице товара сделал вкладки, в первую поместил описание товара, во вторую характеристики и модификации, но вот перенести отзывы в третью вкладку не получается, отзывы там просто не отображаются. Помогите пожалуйста. Вкладки делал по инструкции из этой темы http://forum.storela...бов/#entry35035
#14
Отправлено 02 Июль 2014 - 14:47
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
#15
Отправлено 02 Июль 2014 - 15:14
Equator (02 Июль 2014 - 14:47) писал:
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
Смотря где Вы это смотрите. Если в карточке товара, то должна находиться в шаблоне Товар.
#16
Отправлено 11 Июль 2014 - 23:44
#17
Отправлено 11 Июль 2014 - 23:55
#18
Отправлено 12 Июль 2014 - 00:26
#19
Отправлено 12 Июль 2014 - 01:00
#closeBut { display: none; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных