Сортировка Товаров
#1
Отправлено 17 Февраль 2016 - 11:12
SL-377135
У меня целая куча вопросов:
1. Как изменить сортировку товаров, удалить не нужные и переименовать.
Необходимо отставить только по:
-возрастанию цены
-рейтингу (от хороших - к плохим)
-количеству отзывов (от много - к мало)
-дате добавления (сначала новые)
*то что в скобках писать не нужно
2. Я сделал по умолчанию отображение списком. Как убрать возможность выбора варианта отображения пользователем?
3. Я удалил все блоки справа от списка товаров. Но список товаров остался смещен к левой стороне. Хотелось бы центрировать его по странице.
4. У меня в фильтре по товарам много числовых характеристик. Можно сделать выбор числовых характеристик ползунками как и цена?
5. У меня не предусмотрена регистрация, я вроде бы убрал все с этим связанное. Но оказалось добавлять в избранное может только зарегистрированный пользователь. Можно реализовать избранное без регистрации?
#2
Отправлено 17 Февраль 2016 - 12:52
Rustam (17 Февраль 2016 - 11:12) писал:
SL-377135
У меня целая куча вопросов:
1. Как изменить сортировку товаров, удалить не нужные и переименовать.
Необходимо отставить только по:
-возрастанию цены
-рейтингу (от хороших - к плохим)
-количеству отзывов (от много - к мало)
-дате добавления (сначала новые)
*то что в скобках писать не нужно
2. Я сделал по умолчанию отображение списком. Как убрать возможность выбора варианта отображения пользователем?
3. Я удалил все блоки справа от списка товаров. Но список товаров остался смещен к левой стороне. Хотелось бы центрировать его по странице.
4. У меня в фильтре по товарам много числовых характеристик. Можно сделать выбор числовых характеристик ползунками как и цена?
5. У меня не предусмотрена регистрация, я вроде бы убрал все с этим связанное. Но оказалось добавлять в избранное может только зарегистрированный пользователь. Можно реализовать избранное без регистрации?
Здравствуйте,
1) В шаблоне Товары найдите код:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> {% IF goods_show_order_fields %} <div class="sort-catalog"> <div class="btn-group btn-select change-submit"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox sort-by"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> </div> {% ENDIF %}
и замените на код:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> {% IF goods_show_order_fields %} <div class="sort-catalog"> <div class="btn-group btn-select change-submit"> <select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.NAME = наличию: мало — много || goods_order_fields.NAME= наличию: много — мало || goods_order_fields.NAME=цене: Дорогие — Дешевые || goods_order_fields.NAME=изображению: есть — нет || goods_order_fields.NAME=изображению: нет — есть || goods_order_fields.NAME=названию: А — я || goods_order_fields.NAME=названию: я — А || goods_order_fields.NAME=дате: старые — новые || goods_order_fields.NAME=рейтингу: Плохие — Хорошие|| goods_order_fields.NAME=количеству отзывов: Мало — Много %}style="display:none;"{%ENDIF%}> {%IF goods_order_fields.NAME=цене: Дешевые — Дорогие%}возрастанию цены{% ENDIF %} {%IF goods_order_fields.NAME=дате: новые — старые%}дате добавления{% ENDIF %} {%IF goods_order_fields.NAME=рейтингу: Хорошие — Плохие%}рейтингу{% ENDIF %} {%IF goods_order_fields.NAME=количеству отзывов: Много — Мало%}количеству отзывов{% ENDIF %} </option> {% ENDFOR %} </select> </div> </div> {% ENDIF %}
далее там же найдите код:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> {% IF goods_show_order_fields %} <div class="sort-catalog change-submit"> <div class="btn-group btn-select"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox sort-by"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> </div> {% ENDIF %}
и замените на код:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> {% IF goods_show_order_fields %} <div class="sort-catalog"> <div class="btn-group btn-select change-submit"> <select name="goods_search_field_id" class="selectBox" title="Название сортировки" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.NAME = наличию: мало — много || goods_order_fields.NAME= наличию: много — мало || goods_order_fields.NAME=цене: Дорогие — Дешевые || goods_order_fields.NAME=изображению: есть — нет || goods_order_fields.NAME=изображению: нет — есть || goods_order_fields.NAME=названию: А — я || goods_order_fields.NAME=названию: я — А || goods_order_fields.NAME=дате: старые — новые || goods_order_fields.NAME=рейтингу: Плохие — Хорошие|| goods_order_fields.NAME=количеству отзывов: Мало — Много %}style="display:none;"{%ENDIF%}> {%IF goods_order_fields.NAME=цене: Дешевые — Дорогие%}возрастанию цены{% ENDIF %} {%IF goods_order_fields.NAME=дате: новые — старые%}дате добавления{% ENDIF %} {%IF goods_order_fields.NAME=рейтингу: Хорошие — Плохие%}рейтингу{% ENDIF %} {%IF goods_order_fields.NAME=количеству отзывов: Много — Мало%}количеству отзывов{% ENDIF %} </option> {% ENDFOR %} </select> </div> </div> {% ENDIF %}
далее в шаблоне Поиск найдите код:
<div class="sort-catalog change-submit"> <div class="btn-group btn-select"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox sort-by"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </div> </div>
и замените на код:
<div class="sort-catalog change-submit"> <div class="btn-group btn-select"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox sort-by"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.NAME = наличию: мало — много || goods_order_fields.NAME= наличию: много — мало || goods_order_fields.NAME=цене: Дорогие — Дешевые || goods_order_fields.NAME=изображению: есть — нет || goods_order_fields.NAME=изображению: нет — есть || goods_order_fields.NAME=названию: А — я || goods_order_fields.NAME=названию: я — А || goods_order_fields.NAME=дате: старые — новые || goods_order_fields.NAME=рейтингу: Плохие — Хорошие|| goods_order_fields.NAME=количеству отзывов: Мало — Много %}style="display:none;"{%ENDIF%}> {%IF goods_order_fields.NAME=цене: Дешевые — Дорогие%}возрастанию цены{% ENDIF %} {%IF goods_order_fields.NAME=дате: новые — старые%}дате добавления{% ENDIF %} {%IF goods_order_fields.NAME=рейтингу: Хорошие — Плохие%}рейтингу{% ENDIF %} {%IF goods_order_fields.NAME=количеству отзывов: Много — Мало%}количеству отзывов{% ENDIF %} </option> {% ENDFOR %} </select> </div> </div>
код встречается 2 раза, нужно заменить везде. Так же сейчас у Вас поле ортировки пустое, укажите, пожалуйста, какое значение должно стоять по-умолчанию.
2) Можно скрыть кнопки выбора. Для этого в main.css найдите код:
.toolbar .grid-list {margin: 10px 0;float: left;}
и замените на код:
.toolbar .grid-list {margin: 10px 0;float: left;display: none;}
3) В шаблоне Товары найдите код:
<div id="catalog" class="col-main {% IF index_page %}col-md-12{% ELSE %}col-md-9{% ENDIF %}">
и замените на код:
<div id="catalog" class="col-main col-md-12">
4) Вам ответят в следующем сообщении.
5) Нет, к сожалению, такое реализовать не получится, если Вы убираете регистрацию, то эту функцию тоже лучше скрыть, т.к. она всё равно не будет работать. Для этого в конце main.css добавьте код:
a.add-wishlist { display: none !important; }
#3
Отправлено 17 Февраль 2016 - 23:22
Все работает, только:
-пропала надпись "Сортировать по"
-после выбора варианта сортировки и обновления списка поле сортировки становится пустым.
2,3. Получилось
Спасибо за помощь. Жду ответа на 4 вопрос))
#4
Отправлено 17 Февраль 2016 - 23:30
#5
Отправлено 18 Февраль 2016 - 11:20
Rustam (17 Февраль 2016 - 23:30) писал:
К сожалению так сделать не получиться.
Rustam (17 Февраль 2016 - 23:22) писал:
Все работает, только:
-пропала надпись "Сортировать по"
-после выбора варианта сортировки и обновления списка поле сортировки становится пустым.
2,3. Получилось
Спасибо за помощь. Жду ответа на 4 вопрос))
<div class="btn-group btn-select change-submit">и замените на
<div class="btn-group btn-select change-submit"> <label>Сортировать по:</label>Надпись в поле отсутствует из-за того, что сортировка установленная по умолчанию была скрыта("По убыванию"). Какой вид сортировки Вы бы хотели видеть в поле "Сортировать по"?
#6
Отправлено 18 Февраль 2016 - 11:56
#8
Отправлено 18 Февраль 2016 - 13:37
Но в поле надпись все равно отсутствует, хоть какую сортировку выбирай - она пустая становится после обновления списка.
#9
Отправлено 18 Февраль 2016 - 15:11
Rustam (18 Февраль 2016 - 13:37) писал:
Но в поле надпись все равно отсутствует, хоть какую сортировку выбирай - она пустая становится после обновления списка.
Да, извините, не посмотрела, в шаблоне товары код:
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.NAME = наличию: мало — много || goods_order_fields.NAME= наличию: много — мало || goods_order_fields.NAME=цене: Дорогие — Дешевые || goods_order_fields.NAME=изображению: есть — нет || goods_order_fields.NAME=изображению: нет — есть || goods_order_fields.NAME=названию: А — я || goods_order_fields.NAME=названию: я — А || goods_order_fields.NAME=дате: старые — новые || goods_order_fields.NAME=рейтингу: Плохие — Хорошие|| goods_order_fields.NAME=количеству отзывов: Мало — Много %}style="display:none;"{%ENDIF%}>
замените на код:
<option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} {% IF goods_order_fields.NAME = наличию: мало — много || goods_order_fields.NAME= наличию: много — мало || goods_order_fields.NAME=цене: Дорогие — Дешевые || goods_order_fields.NAME=изображению: есть — нет || goods_order_fields.NAME=изображению: нет — есть || goods_order_fields.NAME=названию: А — я || goods_order_fields.NAME=названию: я — А || goods_order_fields.NAME=дате: старые — новые || goods_order_fields.NAME=рейтингу: Плохие — Хорошие|| goods_order_fields.NAME=количеству отзывов: Мало — Много %}style="display:none;"{%ENDIF%}>
#10
Отправлено 18 Февраль 2016 - 15:35
Надеюсь, вы поможете еще по фильтру в виде ползунков как у цены))
#11
Отправлено 18 Февраль 2016 - 15:40
Rustam (18 Февраль 2016 - 15:35) писал:
Надеюсь, вы поможете еще по фильтру в виде ползунков как у цены))
Вам уже ответили по этому вопросу, к сожалению, так сделать не получится, потому что по умолчанию характеристики - это текстовое поле (не смотря на то, что у Вас там числовое значение), а ползунки можно установить только на числовые поля. Изменить в характеристиках текстовое поле на числовое, к сожалению, не получится.
#12
Отправлено 18 Февраль 2016 - 17:02
На странице списка товаров можно изменить представление информации о товаре?
1. Переместить и изменить отображение цены и кнопки добавить к сравнению согласно приложенному изображению
2. Как перекрасить разделительную черту, цвет #cccccc
3. Я настроил вывод не краткого описания, а большого. Он замечательно редактируется. Но по задумке там черта должна быть, и в редакторе описания она вставляется, а на странице товаров ее не видно. Я нарисовал как она должна быть и обвел.
4. Вывести рейтинг сразу на страницу товаров, а то его видно только при просмотре товара на странице товара.
5. Там же в описании я вставил иконки, можно сделать, чтобы всплывал поясняющий текст при наведении мышкой. Пояснение брать из "Альтернативного текста" к этой картинке.
#13
Отправлено 19 Февраль 2016 - 02:07
<h3 class="product-name"> <a href="{goods.URL | url_amp}">{goods.NAME}</a> </h3> <div class="excerpt"> {% IF goods.DESCRIPTION_SHORT %} <p>{goods.DESCRIPTION_LARGE}</p> {% ENDIF %} </div> <div class="price-box"> <span class="product-price"> <span class="price">{goods.MIN_PRICE_NOW | money_format}</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </span> </div> <div class="actions"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <!--a class="add-cart quick" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a> <!--a class="add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a--> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><span class="icon-heart-o"></span></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><span class="icon-heart-o"></span></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими залами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими залами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими залами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="icon-loop"></span></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими залами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими залами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими залами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="icon-loop"></span></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </form> </div>
замените на:
<div class="info"> <h3 class="product-name"> <a href="{goods.URL | url_amp}">{goods.NAME}</a> </h3> <div class="rating"> <!-- Среднее значение по результатам всех отзывов об этом товаре --> {% IF goods.OPINION_RATING_CNT_ALL>0 %} {% IF goods.OPINION_RATING_VALUE %} <img src="{FORALL_IMAGES_PATH}stars/{goods.OPINION_RATING_VALUE | number("0","","")}.gif" alt="{goods.OPINION_RATING_VALUE}" /> {% ENDIF %} {% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %} </div> <div class="clear"></div> <div class="excerpt"> {% IF goods.DESCRIPTION_LARGE %} <p>{goods.DESCRIPTION_LARGE}</p> {% ENDIF %} </div> </div> <div class="info_buttons"> <div class="price-box"> <span class="product-price"> <span class="price">от<br/><span>{goods.MIN_PRICE_NOW}</span><br/>руб. на персону</span> {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %} <span class="price-old">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span> {% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %} <span class="price-old">{goods.MIN_PRICE_OLD | money_format}</span> {% ENDIF %} </span> </div> <div class="actions"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{goods.MIN_PRICE_NOW_ID}"> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" /> <!--a class="add-cart quick" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a> <!--a class="add-cart" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}><span class="icon-basket"></span></a--> <!-- Если есть возможность добавить товар в избранное --> {% IF goods.IS_HAS_IN_FAVORITES_LIST %} <a class="add-wishlist added" data-action-is-add="0" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Убрать «{goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><span class="icon-heart-o"></span></a> {% ELSE %} <a class="add-wishlist" data-action-is-add="1" data-action-add-url="{FAVORITES_ADD_URL}" data-action-delete-url="{FAVORITES_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в избранное" data-action-delete-title="Убрать «{goods.NAME}» из избранного" title="Добавить «{goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" ><span class="icon-heart-o"></span></a> {% ENDIF %} <!-- END Если есть возможность добавить товар в избранное --> <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} {% IF goods.IS_HAS_IN_COMPARE_LIST %} <a class="add-compare added" data-action-is-add="0" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими залами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими залами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Убрать «{goods.NAME}» из списка сравнения с другими залами" href="{COMPARE_DELETE_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="icon-loop"></span></a> {% ELSE %} <a class="add-compare" data-action-is-add="1" data-action-add-url="{COMPARE_ADD_URL}" data-action-delete-url="{COMPARE_DELETE_URL}" data-action-add-title="Добавить «{goods.NAME}» в список сравнения с другими залами" data-action-delete-title="Убрать «{goods.NAME}» из списка сравнения с другими залами" data-prodname="{goods.NAME}" data-produrl="{goods.URL}" data-id="{goods.ID}" data-mod-id="{goods.MIN_PRICE_NOW_ID}" title="Добавить «{goods.NAME}» в список сравнения с другими залами" href="{COMPARE_ADD_URL}?id={goods.MIN_PRICE_NOW_ID}&from={goods.GOODS_FROM}&return_to={CURRENT_URL | urlencode}" ><span class="icon-loop"></span></a> {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина --> </form> </div> </div>
В main.css найдите:
.list .product .product-name { color: #545454; font-size: 22px; font-weight: bold; line-height: 26px; margin: 0 0 14px; }
замените на:
.list .product .product-name { color: #545454; font-size: 22px; font-weight: bold; line-height: 26px; margin: 0 10px 14px 0; float: left; } .rating { float: left; } .clear { clear: both; } .info { float: left; width: 70%; } .info_buttons { float: right; width: 30%; }
далее найдите:
.list .product .price-box { margin: 0 0 30px; color: #545454; }
замените на:
.list .product .price-box { margin: 0 0 30px; color: #545454; font-size: 16px; text-align: center; line-height: 24px; }
далее найдите:
.list .product .price { font-size: 24px; font-weight: normal; }
замените на:
.list .product .price { font-size: 16px; font-weight: normal; } .list .product .price span { font-size: 35px; }
далее найдите:
.list .product .actions a { background: #f2f2f2; -webkit-transition: all .2s linear; transition: all .2s linear; }
после него пропишите:
.list .product .actions .add-compare { width: 100% !important; text-align: center !important; float: none !important; display: block !important; }
Если все сделано правильно, то будет следующий результат:
Чтобы при наведению на картинку всплывал текст, необходимо изменить структуру, пример, было:
<img src="ссылка" alt="" />стало:
<img src="ссылка" alt="" title="я всплывающая подсказка\текст" />
#14
Отправлено 19 Февраль 2016 - 15:20
И если нет рейтинга у товара, то вместо звездочек вылезает "оставьте отзыв первым". Убрать, пожалуйста.
Про всплывающую надпись-подсказку: где добавить этот код? Я загружаю картинки-иконки и пишу alt через форму полного описания в админке при оформлении товара. Сам код описания не нашел...
#15
Отправлено 19 Февраль 2016 - 15:52
Rustam (19 Февраль 2016 - 15:20) писал:
И если нет рейтинга у товара, то вместо звездочек вылезает "оставьте отзыв первым". Убрать, пожалуйста.
Про всплывающую надпись-подсказку: где добавить этот код? Я загружаю картинки-иконки и пишу alt через форму полного описания в админке при оформлении товара. Сам код описания не нашел...
Здравствуйте. В шаблоне main.css замените строку:
.list .product .actions a:hover {background: #00c59c;-webkit-transition: all .2s linear;transition: all .2s linear;}на:
.list .product .actions a:hover {background: #00c59c;-webkit-transition: all .2s linear;transition: all .2s linear; margin-left: 15px;} .list .product .actions .add-compare {margin-left: 15px;}
Затем в шаблоне ТОВАРЫ замените строки:
{% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd">Оставить отзыв первым</a> {% ENDIF %}на:
{% ELSE %} <a href="{goods.URL | url_amp}?&form%5Bgoods_id%5D=opinion#goodsDataOpinionAdd"></a> {% ENDIF %}
Чтобы добавить всплывающую подсказку, в админ-панели зайдите во вкладку ТОВАРЫ - ТОВАРЫ, выберите тот товар, где загружены эти мини-изображения. Откройте описание товара, нажав кнопку "ИСТОЧНИК" и замените блок кода:
<span style="color:#333333;"><span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size:12px;"><img alt="Кондиционер/обогрев" src="http://st.storeland.net/11/1825/672/ca.jpg" style="opacity: 0.9; line-height: 18.2px; width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" /><img alt="WiFi" src="http://st.storeland.net/12/1825/724/wifi.jpg" style="width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" /><img alt="Можно свои напитки и фрукты" src="http://st.storeland.net/12/1825/722/fruit.jpg" style="width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" /><img alt="Выездная регистрация" src="http://st.storeland.net/9/1825/723/wedding.jpg" style="width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" /></span></span></span><br />
на:
<span style="color:#333333;"><span style="font-family:tahoma,geneva,sans-serif;"><span style="font-size:12px;"><img alt="Кондиционер/обогрев" src="http://st.storeland.net/11/1825/672/ca.jpg" style="opacity: 0.9; line-height: 18.2px; width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" title="Кондиционер/обогрев" /> <img alt="WiFi" src="http://st.storeland.net/12/1825/724/wifi.jpg" style="width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" title="WiFi" /> <img alt="Можно свои напитки и фрукты" src="http://st.storeland.net/12/1825/722/fruit.jpg" style="width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" title="Можно свои напитки и фрукты" /> <img alt="Выездная регистрация" src="http://st.storeland.net/9/1825/723/wedding.jpg" style="width: 25px; height: 25px; margin-left: 10px; margin-right: 10px;" title="Выездная регистрация" /> </span></span></span><br />
#16
Отправлено 20 Февраль 2016 - 12:15
#18
Отправлено 13 Март 2016 - 12:37
Rustam (13 Март 2016 - 00:42) писал:
Как перевести ползунок цен на одну строчку с пунктом "сортировать по".
На приложенной картинке как должно выглядеть.
Здравствуйте.
Если я вас правильно понял, то сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:
.filter-price { display: block; width: 100%; position: relative; top: -20px; font-family: Arial, sans-serif; }
И замените его вот этим вот кодом:
.filter-price { display: block; width: 100%; position: relative; top: -12px; font-family: Arial, sans-serif; }
#19
Отправлено 13 Март 2016 - 12:49
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных