Внести Изменения В Шаблон
#41
Отправлено 04 Июль 2017 - 20:06
1. уменьшит шрифт у цены в каталоге и после первой цены убрать слово "рубля" ( от 1000 до 2000 рублей)
2. сделать заголовок "Фильтры" и рамочку - оформление как у каталога. прямоугольники с выпадающими списками сделать одного размера, немного короче, чем ширина рамки и названия выбираемых характеристик по центу расположить.
Заранее спасибо за помощь и терпение))
#42
Отправлено 05 Июль 2017 - 07:27
1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .price-box {text-align: left;color: #f50056;margin: 0 0 10px 5px;}
после него пропишите:
.products-grid .item .product-shop .price-box .price{font-size: 18px;} .products-grid .item .product-shop .price-box .price:nth-child(2) .num + span{display: none;}
2.Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filters"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price"> <div class="title">Фильтры по ценам</div>
замените на:
{% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block filters"> <h3 class="title"><span class="text">Фильтры</span></h3> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filters-price">
Далее зайдите в main.css - найдите:
.filters {display: block;float: left;width: 100%;background-color: #fff;border: 1px solid #fce3bd;padding: 15px 15px 0;}
замените на:
.filters {display: block;float: left;width: 100%;background-color: #fff;padding: 15px 15px 0;}
P.S.: обновите пожалуйста номера аккаунтов в профиле форума, все 3 у вас недействительны, а действующий не указан.
#44
Отправлено 05 Июль 2017 - 09:33
Mave (05 Июль 2017 - 09:17) писал:
1.а можно сделать прямоугольники в фильтре одного размера?
2. и после цеены добавить слово рублей
Здравствуйте.
В данном случае, если я вас правильно понимаю, то вам необходимо на вашем сайте произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.filters-goods .filter .inputText { height: 30px; border-color: #fce3bd; }
И замените его вот этим вот кодом:
.filters-goods .filter .inputText { height: 30px; border-color: #fce3bd; width: 156px; }
#45
Отправлено 05 Июль 2017 - 09:38
#46
Отправлено 05 Июль 2017 - 15:30
1. видимо, в следствии, изменения цены в каталоге, случилось....надо исправить. в первом товаре несколько модификаций и на каждую скидка, надо сделать бледную зачеркнутую строчку старой цены от и до и строчку новой цены от и до
в третьем товаре модификация одна сделать цену просто 1000 руб и есть есть скидка то тоже без от и до, а просто старая цена и новая
2. в карточке товара со скидкой. когда заходишь на страницу, все ок, но когда начинаешь переключать модификации, старая цена перестает быть зачеркнутой и цвет другой
иии туплю я что-то, а как сделать чтоб на товарах со скидкой появлялся значок sale?
#47
Отправлено 07 Июль 2017 - 06:44
Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price old-price">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price old-price">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price" itemprop="price" content="{goods.MIN_PRICE_NOW}">от {goods.MIN_PRICE_NOW | money_format}</span> <span class="price" itemprop="price" content="{goods.MAX_PRICE_NOW}">до {goods.MAX_PRICE_NOW | money_format}</span>
замените на:
{% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT!=goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT %} <span class="price old-price none_curr">от {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> <span class="price old-price">до {goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/> {% ELSE %} <span class="price old-price">от {goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/> {% ENDIF %} {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} {% IF goods.MIN_PRICE_OLD!=goods.MAX_PRICE_OLD %} <span class="price old-price none_curr">от {goods.MIN_PRICE_OLD | money_format}</span> <span class="price old-price">до {goods.MAX_PRICE_OLD | money_format}</span><br/> {% ELSE %} <span class="price old-price">от {goods.MIN_PRICE_OLD | money_format}</span><br/> {% ENDIF %} {% ENDIF %} {% IF goods.MIN_PRICE_NOW!=goods.MAX_PRICE_NOW %} <span class="price none_curr" itemprop="price" content="{goods.MIN_PRICE_NOW}">от {goods.MIN_PRICE_NOW | money_format}</span> <span class="price" itemprop="price" content="{goods.MAX_PRICE_NOW}">до {goods.MAX_PRICE_NOW | money_format}</span> {% ELSE %} <span class="price" itemprop="price" content="{goods.MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</span> {% ENDIF %}
Далее зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-grid .item .product-shop .price-box .price:nth-child(2) .num + span{display: none;} .products-grid .item .product-shop .price-box .old-price {margin-right: 8px;}
замените на:
.products-grid .item .product-shop .price-box .none_curr .num + span{display: none;} .products-grid .item .product-shop .price-box .old-price {padding-right: 8px;}
Далее зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
goodsPriceOld = $('.goodsDataMainModificationPriceOld'),
замените на:
goodsPriceOld = $('.goodsDataMainModificationPriceOld .price'),
#48
Отправлено 07 Июль 2017 - 10:23
снова вернулась к фильтру по цветам. я уже спрашивала возможность реализации этого фильтра не словами, а цветными квадратиками и вы мне скинули ссылку по данной теме, но я ничерта непоняла - честно пыталась))
подскажите хотя бы чего начать))
#50
Отправлено 08 Июль 2017 - 08:47
Mave (07 Июль 2017 - 19:15) писал:
нет разбега цены от и до и если есть старая цена, то тоже отображается некорректно. в общем, как сделать чтоб было как в каталоге (фото 2)?
<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <span class="price old-price">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <span class="price old-price">{index_page_goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} <span class="price" itemprop="price" content="{index_page_goods.MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</span> </div>
замените на:
<div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT!=index_page_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT %} <span class="price old-price none_curr">от {index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> <span class="price old-price">до {index_page_goods.MAX_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/> {% ELSE %} <span class="price old-price">от {index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span><br/> {% ENDIF %} {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} {% IF index_page_goods.MIN_PRICE_OLD!=index_page_goods.MAX_PRICE_OLD %} <span class="price old-price none_curr">от {index_page_goods.MIN_PRICE_OLD | money_format}</span> <span class="price old-price">до {index_page_goods.MAX_PRICE_OLD | money_format}</span><br/> {% ELSE %} <span class="price old-price">от {index_page_goods.MIN_PRICE_OLD | money_format}</span><br/> {% ENDIF %} {% ENDIF %} {% IF index_page_goods.MIN_PRICE_NOW!=index_page_goods.MAX_PRICE_NOW %} <span class="price none_curr" itemprop="price" content="{index_page_goods.MIN_PRICE_NOW}">от {index_page_goods.MIN_PRICE_NOW | money_format}</span> <span class="price" itemprop="price" content="{index_page_goods.MAX_PRICE_NOW}">до {index_page_goods.MAX_PRICE_NOW | money_format}</span> {% ELSE %} <span class="price" itemprop="price" content="{index_page_goods.MIN_PRICE_NOW}">{index_page_goods.MIN_PRICE_NOW | money_format}</span> {% ENDIF %} </div>
Mave (07 Июль 2017 - 10:23) писал:
подскажите хотя бы чего начать))
{% FOR filter_attr_list %} <div class="filter"> <label>{filter_attr_list.NAME}:</label><br /> <select class="inputText" onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %}
замените на:
{% FOR filter_attr_list %} <div class="filter"> {% IF filter_attr_list.NAME=Цвет %} <span class="contentTbodySearchFilterBlockHeader">{filter_attr_list.NAME}:</span> <div class="contentTbodySearchFilterBlockValues"> {% FOR values %} <input type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" value="1" id="filterAttrVal{filter_attr_list.values.ID}" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %} /> <label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br /> {% ENDFOR %} </div> {% ELSE %} <label>{filter_attr_list.NAME}:</label><br /> <select class="inputText" onchange="$(this).attr('name', $(this).find('option:selected').attr('value') == -1 ? '' : $(this).find('option:selected').attr('rel'));this.form.submit();" name="{% FOR values %}{% IF filter_attr_list.values.CHECKED %}form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}selected="selected"{% ENDIF %}{% IF filter_attr_list.values.CHECKED %}checked="checked"{% ELSEIF filter_attr_list.values.NB_GOODS_FILTERED=0 %}disabled="disabled"{% ENDIF %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> {% ENDIF %} </div> {% ENDFOR %}
#51
Отправлено 09 Июль 2017 - 16:16
#52
Отправлено 09 Июль 2017 - 19:16
#53
Отправлено 10 Июль 2017 - 18:03
#54
Отправлено 11 Июль 2017 - 08:01
Благодарю за изменения. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE} ({filter_attr_list.values.NB_GOODS_FILTERED})</label><br />
замените на:
<label for="filterAttrVal{filter_attr_list.values.ID}">{filter_attr_list.values.VALUE}</label>
Далее зайдите в main.css - найдите:
.filters-goods .filter {display: inline-block;margin: 0 15px 15px 0;} .filters-goods .filter label {display: inline-block;margin-bottom: 3px;} .filters-goods .filter .inputText {height: 30px;border-color: #fce3bd; width: 230px;} .filters-goods .filter .inputText:focus {border-color: #000;}
после него пропишите:
.filters-goods .filter .contentTbodySearchFilterBlockValues input:checked + label { border: 1px solid #72d300; } .filters-goods .filter .contentTbodySearchFilterBlockValues input + label { border: 1px solid #ccc; cursor: pointer; float: left; height: 35px; line-height: 45px; margin: 4px;color: transparent; text-align: center; width: 35px; } .filters-goods .filter .contentTbodySearchFilterBlockValues input { display: none; }
Далее зайдите в main.js - в самом конце пропишите:
$(function() { var colors = {'Коричневый': '#490202', 'Серый': '#cccccc', 'Черный': '#000000'}; $('.filter .contentTbodySearchFilterBlockValues label').each(function() { var name = $.trim($(this).text()); if(name in colors) { $(this).css({ 'backgroundColor': colors[name] }); } }); });
В дальнейшем вам надо будет работать со вставочным блоком в main.js, по аналогии указывать название цвета характеристики и указывать цветовое значение.
Цветовые значения вы можете просмотреть по следующей ссылке: http://www.color-hex.com/
#55
Отправлено 11 Июль 2017 - 19:18
я правильно поняла? в дальнейшем при добавлении нового цвета в товаре, нужно будет прописать его в main.js в строчке var colors?
#56
Отправлено 12 Июль 2017 - 06:20
Mave (11 Июль 2017 - 19:18) писал:
я правильно поняла? в дальнейшем при добавлении нового цвета в товаре, нужно будет прописать его в main.js в строчке var colors?
В характеристиках указывать так как ранее указывали, словами, а уже в блоке main.js указывать слово характеристики и числовое значение цвета слова.
Vaccina (11 Июль 2017 - 08:01) писал:
$(function() { var colors = {'Коричневый': '#490202', 'Серый': '#cccccc', 'Черный': '#000000'}; $('.filter .contentTbodySearchFilterBlockValues label').each(function() { var name = $.trim($(this).text()); if(name in colors) { $(this).css({ 'backgroundColor': colors[name] }); } }); });В дальнейшем вам надо будет работать со вставочным блоком в main.js, по аналогии указывать название цвета характеристики и указывать цветовое значение.
Цветовые значения вы можете просмотреть по следующей ссылке: http://www.color-hex.com/
Пример:
$(function() { var colors = {'бежевый': '#E8D9C2', 'красный': '#B3383F', 'розовый': '#E3908A', 'сиреневый': '#D3C1D8'}; $('.filter .contentTbodySearchFilterBlockValues label').each(function() { var name = $.trim($(this).text()); if(name in colors) { $(this).css({ 'backgroundColor': colors[name] }); } }); });
Результат примера:
#58
Отправлено 12 Июль 2017 - 08:54
#59
Отправлено 12 Июль 2017 - 18:05
#60
Отправлено 12 Июль 2017 - 20:50
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных