0
Добавить В Старый Шаблон Новые Функции
Автор Rebvjd, 07 янв. 2015 16:45
Сообщений в теме: 7
#1
Отправлено 07 Январь 2015 - 16:45
Здравствуйте. Сейчас просматривал новые шаблоны и понравились функции шаблона нефрит. Естественно я их захотел поставить себе на сайт, но менять шаблон не хочу, уже к нему привык и изменений много сделал. Аккаунт SL-182616. Так вот вопрос, как добавить функции:
1. В карточке товара сделать возможность перехода к предыдущему и следующему товару (смотреть рисунок 1).
2. Сделать сопутствующие товары каруселью, с кнопками прокрутки по бокам (смотреть рисунок 2).
3. На главной странице сделать карусель товаров например хитов продажи (смотреть рисунок 3).
1. В карточке товара сделать возможность перехода к предыдущему и следующему товару (смотреть рисунок 1).
2. Сделать сопутствующие товары каруселью, с кнопками прокрутки по бокам (смотреть рисунок 2).
3. На главной странице сделать карусель товаров например хитов продажи (смотреть рисунок 3).
#2
Отправлено 09 Январь 2015 - 01:16
По первому вопросу, нашел как сделать, единственное подскажите что изменить, чтобы получилось как на фото (точно также как в шаблоне нефрит), т.е. увеличить шрифт, разъединить палочкой и сделать стрелочки заместо скобочек.
На 2 и 3 вопрос жду Вашей помощи.
На 2 и 3 вопрос жду Вашей помощи.
#3
Отправлено 10 Январь 2015 - 12:47
Rebvjd (09 Январь 2015 - 01:16) писал:
По первому вопросу, нашел как сделать, единственное подскажите что изменить, чтобы получилось как на фото (точно также как в шаблоне нефрит), т.е. увеличить шрифт, разъединить палочкой и сделать стрелочки заместо скобочек.
На 2 и 3 вопрос жду Вашей помощи.
На 2 и 3 вопрос жду Вашей помощи.
<a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}" class="fl"><span class="prev"> < </span>предыдущий товар</a> <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr">следующий товар<span class="next"> > </span></a>замените на
<a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}" class="fl"><span class="prev"> ← </span>предыдущий товар</a> | <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr">следующий товар<span class="next"> → </span></a>для того что бы увеличить шрифт, добавьте в конец файла main.css
.prods-paginate a { font-size: 13px; }где изменяете значение font-size: 13px;
для установки карусели используйте тему форума
http://forum.storela...лож/#entry32986
#4
Отправлено 10 Январь 2015 - 16:15
Ирина345 (10 Январь 2015 - 12:47) писал:
здравствуйте, найдите в шаблоне Товар код
<a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}" class="fl"><span class="prev"> < </span>предыдущий товар</a> <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr">следующий товар<span class="next"> > </span></a>замените на
<a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}" class="fl"><span class="prev"> ← </span>предыдущий товар</a> | <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr">следующий товар<span class="next"> → </span></a>для того что бы увеличить шрифт, добавьте в конец файла main.css
.prods-paginate a { font-size: 13px; }где изменяете значение font-size: 13px;
#5
Отправлено 10 Январь 2015 - 16:54
Rebvjd (10 Январь 2015 - 16:15) писал:
А можно эти кнопки выровнять по центру? И скажите как опустить блоки описания и изображения товара чть-чуть в низ, а то бирка залезает на навигацию.
.prods-paginate { width: 305px; margin: auto; }и
form.goodsDataForm.cont700.hiden { margin-top: 15px; }
#6
Отправлено 10 Январь 2015 - 16:56
Rebvjd (10 Январь 2015 - 16:15) писал:
А можно эти кнопки выровнять по центру? И скажите как опустить блоки описания и изображения товара чть-чуть в низ, а то бирка залезает на навигацию.
#content .padd { padding-left: 10px; padding-right: 10px; }
замените на
#content .padd { padding-left: 10px; padding-right: 10px; margin-bottom: 12px; }
далее в конец добавьте
.prods-paginate { text-align: right; }
#7
Отправлено 20 Январь 2017 - 22:48
Как поставить предыдущий и следующий товар в шаблоне новогодний? Аккаунт SL-182616
#8
Отправлено 21 Январь 2017 - 16:22
Rebvjd (20 Январь 2017 - 22:48) писал:
Как поставить предыдущий и следующий товар в шаблоне новогодний? Аккаунт SL-182616
Здравствуйте.
Изменения Вам произвел.
В шаблоне Товар код:
<!-- Форма карточки товара --> <div class="product-view" itemscope itemtype="http://schema.org/Product"> <div class="col-xs-12">
Заменил на:
<!-- Форма карточки товара --> <div class="product-view" itemscope itemtype="http://schema.org/Product"> <div class="col-xs-12"> {% IFNOT neighbor_goods_empty %} <div class="prods-paginate navigation"> <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}" class="fl" title="Предыдущий товар"><i class="prev fa fa-angle-left"></i></a> <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr" title="Следующий товар"><i class="next fa fa-angle-right"></i></a> </div> {% ENDIF %}
А так же добавил код в шаблоне main.css:
.prods-paginate .fl{position: absolute;left: -10px;top: -10px;color:#015B73;font-size:12px;} .prods-paginate .fr{right: -10px;position: absolute;top: -10px;color:#015B73;font-size:12px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных