Несколько Вопросов
#1
Отправлено 05 Август 2016 - 12:38
1. В тех разделах каталога, где товаров более одной страницы, сделать не перелистывание страниц, а автоматическую подгрузку следующей страницы, то есть дошел до конца страницы - сразу появилось продолжение
2. В товарах, которые нет в наличии (у меня они идут под заказ) добавить надпись вместо той, которая сейчас "Товар будет готов к отправке ..." - вместо многоточия должна стоять дата: сегодняшнее число+10 дней (например, если сегодня 05.08 - то должно быть написано "Товар будет готов к отправке 15.08")
3. В новой теме Рассвет мне понравился раздел с картинками РАБОТАТЬ С НАМИ ПРОСТО, можно ли перенести его в этот шаблон?
4. Оставить сортировку только по цене и наличию, остальные (рейтинг, отзывы итд) убрать
#2
Отправлено 06 Август 2016 - 06:59
http://forum.storela...ров/#entry54723
В шаблоне Товары найдите:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <div class="sort 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> <!-- /END Сортировать по: -->
замените на:
<!-- Сортировать по: (Поле сортировки товаров по умолчанию) --> <div class="sort change-submit"> <label>Сортировать по:</label> <select name="goods_search_field_id" class="selectBox sort-by"> {% FOR goods_order_fields %} {% IF goods_order_fields.ID = 1 || goods_order_fields.ID = 2 || goods_order_fields.ID = 5 || goods_order_fields.ID = 6 %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %} >{goods_order_fields.NAME}</option> {% ENDIF %} {% ENDFOR %} </select> </div> <!-- /END Сортировать по: -->
В шаблоне HTML найдите старый информативный блок:
<!-- Баннеры --> {% IF index_page %} <div id="topsl"> <div class="container"> <div class="policy_shop"> <div class="row"> <div class="col-sm-4 col-xs-12 policy" onclick="location.href='http://pokatayka.ru/page/Dostavka-i-oplata';" style="cursor:pointer;"> <div class="ca-content"> <em class="fa fa-truck"> </em> <h4 class="ca-main">Бесплатная доставка</h4> Доставка по городу Магнитогорску Бесплатна! </div> </div> <div class="col-sm-4 col-xs-12 policy" onclick="location.href='http://pokatayka.ru/page/Vozvrat-i-obmen';" style="cursor:pointer;"> <div class="ca-content"> <em class="fa fa-mail-reply"> </em> <h4 class="ca-main">100% Гарантия возврата</h4> Вы можете вернуть товар в течении 14 дней после получения заказа. </div> </div> <div class="col-sm-4 col-xs-12 policy" onclick="location.href='http://pokatayka.ru/catalog';" style="cursor:pointer;"> <div class="ca-content"> <em class="fa fa-comments"> </em> <h4 class="ca-main">Прием заказов 24/7</h4> Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас! </div> </div> </div> </div> </div> </div> {% ENDIF %} <!-- Баннеры -->
замените на:
<!-- Информация --> {% IF index_page %} <div id="information" class="main-block"> <div class="container"> <div class="row"> <h2 class="title col-xs-12">Работать с нами просто</h2> <div class="item animated" data-animation="fadeInUp" data-delay="0"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}list2.png?design=sunrise"/> </div> <div class="title"> <span>Оформляете заявку или звоните</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="300"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}help.png?design=sunrise"/> </div> <div class="title"> <span>Обсуждаем условия доставки</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="600"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}money2.png?design=sunrise"/> </div> <div class="title"> <span>Оплатите заказ</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="900"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}car.png?design=sunrise"/> </div> <div class="title"> <span>Выезд курьера</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="1200"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}price.png?design=sunrise"/> </div> <div class="title"> <span>Вы получаете заказ</span> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информация -->
В main.css найдите:
/*** Баннеры ***/ #topsl {border-top: 1px solid #3f3f3f;padding: 15px 0 1px 0;} #topsl .policy_shop .policy {overflow: hidden;position: relative;transition: all 300ms linear 0s;text-align: center;} #topsl .policy_shop .policy .fa {border: 1px solid #5b5b5b;background: #3ca2b0;font-size: 30px;transition: all 400ms linear 0s;width: 75px;height: 75px;border-radius: 50%;margin-bottom: 20px;color: #e4e4e4;} #topsl .policy_shop .policy .fa:before {height: 100%;left: 0;line-height: 75px;position: absolute;top: 0;width: 100%;color: #707070;} #topsl .policy_shop .policy:hover .fa {background: #707070;border-color: #707070;} #topsl .policy_shop .policy:hover .fa:before {color: #fff;-webkit-animation: moveFromBottom 300ms ease;-o-animation: moveFromBottom 300ms ease;animation: moveFromBottom 300ms ease;} #topsl .policy_shop .policy .ca-content .ca-main {color: #535353;margin-bottom: 15px;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;} #topsl .policy_shop .policy:hover .ca-content .ca-main {color: #c7bebe;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}
замените на:
/*** Информация ***/ #information {padding-bottom: 30px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;} #information .item {display: inline-block;position: relative;padding: 0 15px 30px;text-align: center;} #information .item:after {content: "\f105";display: inline-block;font-family: FontAwesome;font-size: 30px;text-align: center;position: absolute;top: 25%;right: 0;} #information .item:last-child:after {display: none;} #information .item .image {margin: 0 auto 15px;width: 150px;height: 150px;line-height: 150px;background-color: #e3e1d5;border: 2px solid #8f7a2f;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} #information .item .image img {width: 70px;} #information .item .title {font-size: 21px;text-transform: none;height: 60px;line-height: 30px;overflow: hidden;width: 200px;}
В конец main.js вставьте:
$(function() { var date = new Date(); date.setDate(date.getDate()+10); var day = date.getDate() + "." + date.getMonth() + "." + date.getFullYear(); $(".available-false span").text("Товар будет готов к отправке " + day); });
#3
Отправлено 06 Август 2016 - 10:02
Vaccina (06 Август 2016 - 06:59) писал:
В конец main.js вставьте:
$(function() { var date = new Date(); date.setDate(date.getDate()+10); var day = date.getDate() + "." + date.getMonth() + "." + date.getFullYear(); $(".available-false span").text("Товар будет готов к отправке " + day); });
Данное изменение произвела и убрала, так как дата отображалась на месяц назад, показывалась 16.7.2016 вместо августа
#5
Отправлено 06 Август 2016 - 19:38
Mari-ina (06 Август 2016 - 18:59) писал:
#6
Отправлено 06 Август 2016 - 21:36
Lubka (06 Август 2016 - 19:38) писал:
Ээ, а где взять эти изображения?
Vaccina (06 Август 2016 - 06:59) писал:
http://forum.storela...ров/#entry54723
Данная инструкция написана для других шаблонов. В Ночи я не нашла эти коды. Подскажите именно для шаблона Ночь
Mari-ina (06 Август 2016 - 10:02) писал:
Этот вопрос тоже актуален
#7
Отправлено 07 Август 2016 - 22:01
#8
Отправлено 08 Август 2016 - 13:26
#9
Отправлено 08 Август 2016 - 13:50
Mari-ina (06 Август 2016 - 21:36) писал:
Данная инструкция написана для других шаблонов. В Ночи я не нашла эти коды. Подскажите именно для шаблона Ночь
Этот вопрос тоже актуален
Изображения можно найти на просторах интернета. Их необходимо будет загрузить в разделе Сайт-> Редаткор шаблонов и далее в шаблоне HTML найдите блок
<!-- Информация --> {% IF index_page %} <div id="information" class="main-block"> <div class="container"> <div class="row"> <h2 class="title col-xs-12">Работать с нами просто</h2> <div class="item animated" data-animation="fadeInUp" data-delay="0"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}list2.png?design=sunrise"/> </div> <div class="title"> <span>Оформляете заявку или звоните</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="300"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}help.png?design=sunrise"/> </div> <div class="title"> <span>Обсуждаем условия доставки</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="600"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}money2.png?design=sunrise"/> </div> <div class="title"> <span>Оплатите заказ</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="900"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}car.png?design=sunrise"/> </div> <div class="title"> <span>Выезд курьера</span> </div> </div> <div class="item animated" data-animation="fadeInUp" data-delay="1200"> <div class="image"> <img src="{ASSETS_IMAGES_PATH}price.png?design=sunrise"/> </div> <div class="title"> <span>Вы получаете заказ</span> </div> </div> </div> </div> </div> {% ENDIF %} <!-- /END Информация -->, отвечающий за вывод блока. В нем в строках
<img src="{ASSETS_IMAGES_PATH}название картинки"/>Меняете "название картинки", на название новой загруженной картинки соответственно.
Что касаемо даты, то в конец файла main.js вставьте блок
$(function() { var date = new Date(); date.setDate(date.getDate()+10); var nowMonth = date.getMonth() + 1; var day = date.getDate() + "." + nowMonth + "." + date.getFullYear(); $(".available-false span").text("Товар будет готов к отправке " + day); });
#10
Отправлено 08 Август 2016 - 14:31
Stasya (08 Август 2016 - 13:50) писал:
Что касаемо даты, то в конец файла main.js вставьте блок
$(function() { var date = new Date(); date.setDate(date.getDate()+10); var nowMonth = date.getMonth() + 1; var day = date.getDate() + "." + nowMonth + "." + date.getFullYear(); $(".available-false span").text("Товар будет готов к отправке " + day); });
Почему -то дата выходит в формате 18.8.2016 - можно ли сделать, чтобы чтобы месяц отображался 08?
#11
Отправлено 09 Август 2016 - 07:14
$(function() { var date = new Date(); date.setDate(date.getDate()+10); var nowMonth = date.getMonth() + 1; var day = date.getDate() + "." + nowMonth + "." + date.getFullYear(); $(".available-false span").text("Товар будет готов к отправке " + day); });
замените на:
$(function() { var date = new Date(); date.setDate(date.getDate()+10); var nowMonth = date.getMonth() + 1; var day = date.getDate() + "." + ((nowMonth<10?'0':'') + nowMonth) + "." + date.getFullYear(); $(".available-false span").text("Товар будет готов к отправке " + day); });
#12
Отправлено 09 Август 2016 - 11:22
#13
Отправлено 19 Октябрь 2016 - 13:50
1. В карточке товара первоначально в цене есть пробел между тысячами и сотнями, при смене модификации этот пробел пропадает. Как сделать, чтобы он был всегда и цена не скакала
2. после просмотра нескольких модификаций, если нажать стрелочку назад, то ничего не происходит (столько раз сколько было просмотрено модификаций) и только потом возвращается обратно на предыдущую страницу (например, каталог). Можно ли сделать так, чтобы при возврате назад модификации не пролистывались, а сразу был переход на предыдущую страницу
Вопросы сняты
#15
Отправлено 17 Ноябрь 2016 - 13:39
Mari-ina (19 Октябрь 2016 - 13:50) писал:
1. В карточке товара первоначально в цене есть пробел между тысячами и сотнями, при смене модификации этот пробел пропадает. Как сделать, чтобы он был всегда и цена не скакала
2. после просмотра нескольких модификаций, если нажать стрелочку назад, то ничего не происходит (столько раз сколько было просмотрено модификаций) и только потом возвращается обратно на предыдущую страницу (например, каталог). Можно ли сделать так, чтобы при возврате назад модификации не пролистывались, а сразу был переход на предыдущую страницу
Вопросы сняты
1. Уточните у какого товара наблюдается данная проблема? на данный момент пробел не пропадает при смене модификации твоара.
2. Данной проблемы не наблюдаю.
Mari-ina (16 Ноябрь 2016 - 12:59) писал:
<!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div>после вставьте
<div class="fabricator"> Производитель: {% FOR goods_features%}{% IF goods_features.NAME=Производитель%}<a href="http://{NET_DOMAIN}/page/{goods_features.VALUE}"><span>{goods_features.VALUE}</span> </a> {% ENDIF %} {% ENDFOR %} </div>
далее в конец файла main.css добавьте
.fabricator span { color: #5cb85c; font-weight: bold; }Что бы ссылка на страницы работала корректно, Вам необходимо создать страницы, url адрес которых будет совпадать с название характеристики.
#16
Отправлено 17 Ноябрь 2016 - 13:59
Ирина345 (17 Ноябрь 2016 - 13:39) писал:
1. Уточните у какого товара наблюдается данная проблема? на данный момент пробел не пропадает при смене модификации твоара.
2. Данной проблемы не наблюдаю.
Эти вопросы не актуальны, все решено
Ирина345 (17 Ноябрь 2016 - 13:39) писал:
А вот это разъясните еще раз. Я бы хотела, чтобы ссылка вела не на страницу, а на определенный раздел каталога, который я создам
#17
Отправлено 17 Ноябрь 2016 - 17:46
Mari-ina (17 Ноябрь 2016 - 13:59) писал:
А вот это разъясните еще раз. Я бы хотела, чтобы ссылка вела не на страницу, а на определенный раздел каталога, который я создам
найдите в шаблоне Товар код
<!-- Артикул --> <div class="goodsDataMainModificationArtNumber" {% IFNOT GOODS_MOD_ART_NUMBER %}style="display:none"{% ENDIF %}> Артикул: <span>{GOODS_MOD_ART_NUMBER}</span> </div>после вставьте
<div class="fabricator"> Производитель: {% FOR goods_features%}{% IF goods_features.NAME=Производитель%}<a href="http://{NET_DOMAIN}/catalog/{goods_features.VALUE}"><span>{goods_features.VALUE}</span> </a> {% ENDIF %} {% ENDFOR %} </div>
далее в конец файла main.css добавьте
.fabricator span { color: #5cb85c; font-weight: bold; }в данном случае url каталога, должен совпадать с названием производителя.
#18
Отправлено 18 Ноябрь 2016 - 10:18
#19
Отправлено 18 Ноябрь 2016 - 16:48
#20
Отправлено 19 Ноябрь 2016 - 07:19
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных