Три Товара В Ряд
#1
Отправлено 14 Июнь 2018 - 12:20
#2
Отправлено 16 Июнь 2018 - 10:58
ARGO (14 Июнь 2018 - 12:20) писал:
Здравствуйте.
Уменьшил размер изображений в разделе Настройки - Основные для категорий и средних изображений товаров до 200px. В зависимости от этого плиток будет помещаться больше.
#3
Отправлено 18 Июнь 2018 - 12:10
Firefly (16 Июнь 2018 - 10:58) писал:
Уменьшил размер изображений в разделе Настройки - Основные для категорий и средних изображений товаров до 200px. В зависимости от этого плиток будет помещаться больше.
#4
Отправлено 18 Июнь 2018 - 12:22
Firefly (16 Июнь 2018 - 10:58) писал:
Уменьшил размер изображений в разделе Настройки - Основные для категорий и средних изображений товаров до 200px. В зависимости от этого плиток будет помещаться больше.
#5
Отправлено 19 Июнь 2018 - 09:59
ARGO (18 Июнь 2018 - 12:22) писал:
Если Вы их хотите чуть увеличить, что бы уменьшить расстояние, то измените в разделе Настройки-Основные, значение поля "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории" с 200 на 250.
#6
Отправлено 20 Июнь 2018 - 10:07
Ирина345 (19 Июнь 2018 - 09:59) писал:
Если Вы их хотите чуть увеличить, что бы уменьшить расстояние, то измените в разделе Настройки-Основные, значение поля "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории" с 200 на 250.
Ирина345 (19 Июнь 2018 - 09:59) писал:
Если Вы их хотите чуть увеличить, что бы уменьшить расстояние, то измените в разделе Настройки-Основные, значение поля "Максимальный размер по высоте/ширине в пикселях для списка категорий внутри категории" с 200 на 250.
#7
Отправлено 20 Июнь 2018 - 10:13
#8
Отправлено 20 Июнь 2018 - 16:44
ARGO (20 Июнь 2018 - 10:13) писал:
Пример реализации здесь.
Вам такой вариант подходит.
#9
Отправлено 21 Июнь 2018 - 12:41
Ирина345 (20 Июнь 2018 - 16:44) писал:
Пример реализации здесь.
Вам такой вариант подходит.
#10
Отправлено 22 Июнь 2018 - 06:39
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="catwrp"> <div class="catalogheader theme-color">Фильтры</div> </div> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> </form> {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %} <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %} </div> </div> {% ENDIF %}
далее зайдите в шаблон Товары - найдите:
{% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %} <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %}
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <h5>{filter_attr_list.NAME}:</h5> <div class="inputs"> {% FOR values %} <input value="1" type="checkbox" name="form[filter][prop][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}<br/> {% ENDFOR %} </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <h5>{filter_prop_list.NAME}:</h5> <div class="inputs"> {% FOR values %} <input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}<br/> {% ENDFOR %} </div> </div> {% ENDFOR %} <input class="button theme-color" type="submit" value="Применить фильтр" /> <div class="clear"></div> </form> </div> </div> {% ENDIF %}
далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;} .filter.table { float: left; font-size: 18px; color: #FFFFFF; margin: 5px 1.5%; background: #498166; border: 1px solid #3cb868; padding: 5px; font-weight: 900; text-align: center; border-radius: 9px; } .filter.table select{width:90%;padding:5px 0;font-size:16px;}
далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter { margin: 5px auto; }
замените на:
.filters .button{color:#fff;font-size: 18px;} .filters .filter{display: inline-block;margin: 10px;vertical-align:top;text-align: left;} .filter.pricefilter{width: 300px;text-align: center;} #goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
Укажите пожалуйста, какие стилистические правки необходимы и, как понимаю, еще необходимо сделать что-то вроде спойлера?
#11
Отправлено 22 Июнь 2018 - 10:12
Vaccina (22 Июнь 2018 - 06:39) писал:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS &amp;&amp; SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="catwrp"> <div class="catalogheader theme-color">Фильтры</div> </div> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> </form> {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %} <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS &amp;&amp; SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %} </div> </div> {% ENDIF %}
далее зайдите в шаблон Товары - найдите:
{% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %} <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS &amp;&amp; SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %}
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS &amp;&amp; SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter"> <h5>{filter_attr_list.NAME}:</h5> <div class="inputs"> {% FOR values %} <input value="1" type="checkbox" name="form[filter][prop][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}<br/> {% ENDFOR %} </div> </div> {% ENDFOR %} <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter"> <h5>{filter_prop_list.NAME}:</h5> <div class="inputs"> {% FOR values %} <input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}<br/> {% ENDFOR %} </div> </div> {% ENDFOR %} <input class="button theme-color" type="submit" value="Применить фильтр" /> <div class="clear"></div> </form> </div> </div> {% ENDIF %}
далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;} .filter.table { float: left; font-size: 18px; color: #FFFFFF; margin: 5px 1.5%; background: #498166; border: 1px solid #3cb868; padding: 5px; font-weight: 900; text-align: center; border-radius: 9px; } .filter.table select{width:90%;padding:5px 0;font-size:16px;}
далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter { margin: 5px auto; }
замените на:
.filters .button{color:#fff;font-size: 18px;} .filters .filter{display: inline-block;margin: 10px;vertical-align:top;text-align: left;} .filter.pricefilter{width: 300px;text-align: center;} #goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;}
Укажите пожалуйста, какие стилистические правки необходимы и, как понимаю, еще необходимо сделать что-то вроде спойлера?
Ну и последнее, после указанных выше операций с кодом фильтры и радио кнопки были видны и кликабельны, но фильтр не работал, то есть даже если мы выбирали одну характиристику например размер, нам сообщалось что таких товаров нет (((
вот пример того как вижу этот фильтр *ссылка удалена по просьбе пользователя* просьба удалить ссылку после того как посмотрите
#12
Отправлено 23 Июнь 2018 - 05:06
Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="catwrp"> <div class="catalogheader theme-color">Фильтры</div> </div> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> </form> {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %} <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %} </div> </div> {% ENDIF %}
далее зайдите в шаблон Товары - найдите:
{% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %} <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %}
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <form action="#filt_items" method="get"> <div class="filter"> {% FOR filter_attr_list %} <ul class="accordion"> <li class="parent"> <a>{filter_attr_list.NAME}</a> <ul class="accordion"> {% FOR values %} <li><input value="1" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}</li> {% ENDFOR %} <li><input type="submit" value="Применить" /></li> </ul> </li> </ul> {% ENDFOR %} {% FOR filter_prop_list %} <ul class="accordion"> <li class="parent"> <a>{filter_prop_list.NAME}</a> <ul class="accordion"> {% FOR values %} <li><input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}</li> {% ENDFOR %} <li><input type="submit" value="Применить" /></li> </ul> </li> </ul> {% ENDFOR %} <div class="clear"></div> </div> </form> <script> $(document).ready(function () { $('ul.accordion ul').hide(); $('.open-close').click(function () { $(this).closest('li').find('ul').toggle(); }); }); </script> {% ENDIF %}
далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;} .filter.table { float: left; font-size: 18px; color: #FFFFFF; margin: 5px 1.5%; background: #498166; border: 1px solid #3cb868; padding: 5px; font-weight: 900; text-align: center; border-radius: 9px; } .filter.table select{width:90%;padding:5px 0;font-size:16px;}
далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter { margin: 5px auto; }
замените на:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter {margin: 5px auto;} div.filter > ul{width: 200px;display: inline-block;} div.filter > ul ul{position: absolute;left: 0;top: 50px;z-index: 10;} div.filter > ul ul li:last-child{text-align: center;border: none; padding: 10px 0;}
#13
Отправлено 25 Июнь 2018 - 11:17
Vaccina (23 Июнь 2018 - 05:06) писал:
Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
- Неудобно что надо кликать именно на стрелочку справа от кнопки и надписи (названии характеристики) хочеться чтобы вся кнопка была функциональна как кнопка.
- Все таки хочется кнопки в строчку (для не мобильной версии сайта)
- Как в примере хочется чтобы было всплывающее окошко, а не сполер который при открытии сильно сдвигает весь сайт вниз
- Кнопку отмены всех выбранных характеристик (сброс настроек фильтра)
- Самое главное!!! Теперь нельзя открыть все вложенные под категории из раздела постельного белья просто не открывается как видно на скриншоте
#14
Отправлено 28 Июнь 2018 - 11:29
Vaccina (23 Июнь 2018 - 05:06) писал:
Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="catwrp"> <div class="catalogheader theme-color">Фильтры</div> </div> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> </form> {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %} <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %} </div> </div> {% ENDIF %}
далее зайдите в шаблон Товары - найдите:
{% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %} <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %}
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <form action="#filt_items" method="get"> <div class="filter"> {% FOR filter_attr_list %} <ul class="accordion"> <li class="parent"> <a>{filter_attr_list.NAME}</a> <ul class="accordion"> {% FOR values %} <li><input value="1" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}</li> {% ENDFOR %} <li><input type="submit" value="Применить" /></li> </ul> </li> </ul> {% ENDFOR %} {% FOR filter_prop_list %} <ul class="accordion"> <li class="parent"> <a>{filter_prop_list.NAME}</a> <ul class="accordion"> {% FOR values %} <li><input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}</li> {% ENDFOR %} <li><input type="submit" value="Применить" /></li> </ul> </li> </ul> {% ENDFOR %} <div class="clear"></div> </div> </form> <script> $(document).ready(function () { $('ul.accordion ul').hide(); $('.open-close').click(function () { $(this).closest('li').find('ul').toggle(); }); }); </script> {% ENDIF %}
далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;} .filter.table { float: left; font-size: 18px; color: #FFFFFF; margin: 5px 1.5%; background: #498166; border: 1px solid #3cb868; padding: 5px; font-weight: 900; text-align: center; border-radius: 9px; } .filter.table select{width:90%;padding:5px 0;font-size:16px;}
далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter { margin: 5px auto; }
замените на:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter {margin: 5px auto;} div.filter > ul{width: 200px;display: inline-block;} div.filter > ul ul{position: absolute;left: 0;top: 50px;z-index: 10;} div.filter > ul ul li:last-child{text-align: center;border: none; padding: 10px 0;}
#15
Отправлено 03 Июль 2018 - 16:09
#16
Отправлено 10 Июль 2018 - 10:49
Vaccina (23 Июнь 2018 - 05:06) писал:
Благодарю за пример. Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите и удалите:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="block-sidebar filters"> <div class="catwrp"> <div class="catalogheader theme-color">Фильтры</div> </div> <div class="block-content"> <!-- Форма поиска отправляет всегда на ту же страницу, на которой находится пользователь --> <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <!-- Если есть возможность фильтрации товаров по ценам --> {% IF SHOW_GOODS_PRICE_FILTERS %} <div class="filter pricefilter"> <div> <span>Цена:</span> <input id="goods-filter-min-price" type="text" class="inputText" name="form[filter][price][min]" value="{% IF GOODS_FILTER_MIN_PRICE %}{GOODS_FILTER_MIN_PRICE}{% ELSE %}{GOODS_FILTER_MIN_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> - <input id="goods-filter-max-price" type="text" class="inputText" name="form[filter][price][max]" value="{% IF GOODS_FILTER_MAX_PRICE %}{GOODS_FILTER_MAX_PRICE}{% ELSE %}{GOODS_FILTER_MAX_AVAILABLE_PRICE}{% ENDIF %}" autocomplete="off" /> <input type="hidden" name="form[filter][available_price][min]" value="{GOODS_FILTER_MIN_AVAILABLE_PRICE}" /><input type="hidden" name="form[filter][available_price][max]" value="{GOODS_FILTER_MAX_AVAILABLE_PRICE}" /> <div class="contentTbodySearchPriceFilterBlock"> <!-- Фильтры по цене --> <div class="goodsFilterPriceRangePointers"><span class="theme-color min">{GOODS_FILTER_MIN_AVAILABLE_PRICE}</span><span class="theme-color max">{GOODS_FILTER_MAX_AVAILABLE_PRICE}</span><div class="clear"></div></div> <div id="goods-filter-price-slider"></div> <div class="goodsFilterPriceSubmit"> <input class="button theme-color" type="submit" value="Показать" /> </div> </div> </div> </div> {% ENDIF %} <!-- END Если есть возможность фильтрации товаров по ценам --> </form> {% IF CATEGORY_NAME=Одеяла || CATEGORY_NAME=Бязь || CATEGORY_NAME=Биоматин || CATEGORY_NAME=Поплин || CATEGORY_NAME=Перкаль || CATEGORY_NAME=Сатин || CATEGORY_NAME=Сатин в подарочной упаковке || CATEGORY_NAME=Сатин-Жаккард || CATEGORY_NAME=Сатин 3D %} <form action="" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %} </div> </div> {% ENDIF %}
далее зайдите в шаблон Товары - найдите:
{% IF CATEGORY_NAME=Постельное белье || CATEGORY_NAME=Постельное белье в кроватку || CATEGORY_NAME=Постельное белье 1.5 спальное %} <form action="#filt_items" method="get"> <!-- ПРОВЕРИТЬ --> <div class="filter"> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <div class="filter-block"> <!-- Фильтры по характеристикам товаров (Например: Производитель, разрешение экрана, заряд аккомулятора) --> {% FOR filter_attr_list %} <div class="filter table"> {filter_attr_list.NAME}:<br /> <select 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 %}>{filter_attr_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> <div class="clear"></div> <div class="filter-block"> <!-- Фильтры по свойствам товарных модификаций (Например: Цвет, размер, модификация) --> {% FOR filter_prop_list %} <div class="filter table"> {filter_prop_list.NAME}:<br /> <select 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_prop_list.values.CHECKED %}form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]{% ENDIF %}{% ENDFOR %}"> <option> - все - </option> {% FOR values %} <option value="1" rel="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}selected="selected"{% ENDIF %}>{filter_prop_list.values.VALUE}</option> {% ENDFOR %} </select> </div> {% ENDFOR %} </div> {% ENDIF %} <div class="clear"></div> </div> </form> {% ENDIF %}
замените на:
<!-- Если в тарифном плане подключен модуль фильтров по товарам --> {% IF TARIFF_FEATURE_GOODS_FILTERS && SHOW_GOODS_FILTERS %} <form action="#filt_items" method="get"> <div class="filter"> {% FOR filter_attr_list %} <ul class="accordion"> <li class="parent"> <a>{filter_attr_list.NAME}</a> <ul class="accordion"> {% FOR values %} <li><input value="1" type="checkbox" name="form[filter][attr][{filter_attr_list.ID}][{filter_attr_list.values.ID}]" {% IF filter_attr_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_attr_list.values.VALUE}</li> {% ENDFOR %} <li><input type="submit" value="Применить" /></li> </ul> </li> </ul> {% ENDFOR %} {% FOR filter_prop_list %} <ul class="accordion"> <li class="parent"> <a>{filter_prop_list.NAME}</a> <ul class="accordion"> {% FOR values %} <li><input value="1" type="checkbox" name="form[filter][prop][{filter_prop_list.ID}][{filter_prop_list.values.ID}]" {% IF filter_prop_list.values.CHECKED %}checked="checked"{% ENDIF %} /> {filter_prop_list.values.VALUE}</li> {% ENDFOR %} <li><input type="submit" value="Применить" /></li> </ul> </li> </ul> {% ENDFOR %} <div class="clear"></div> </div> </form> <script> $(document).ready(function () { $('ul.accordion ul').hide(); $('.open-close').click(function () { $(this).closest('li').find('ul').toggle(); }); }); </script> {% ENDIF %}
далее зайдите в main.css - найдите и удалите:
.filter-block{text-align:left;margin-bottom:10px;} .filter.table { float: left; font-size: 18px; color: #FFFFFF; margin: 5px 1.5%; background: #498166; border: 1px solid #3cb868; padding: 5px; font-weight: 900; text-align: center; border-radius: 9px; } .filter.table select{width:90%;padding:5px 0;font-size:16px;}
далее найдите:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter { margin: 5px auto; }
замените на:
#goods-filter-min-price,#goods-filter-max-price{padding:5px;text-align:center;} .filter div span{font-size:14px;} .goodsFilterPriceSubmit{display:none;} .goodsFilterPriceSubmit input{padding:4px 10px; margin-top:10px;} div.filter {margin: 5px auto;} div.filter > ul{width: 200px;display: inline-block;} div.filter > ul ul{position: absolute;left: 0;top: 50px;z-index: 10;} div.filter > ul ul li:last-child{text-align: center;border: none; padding: 10px 0;}
- Теперь нельзя открыть все вложенные под категории из раздела постельного белья просто не открывается как видно на скриншоте
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных