Перейти к содержимому


Добавить В Старый Шаблон Новые Функции


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 07 Январь 2015 - 16:45

Здравствуйте. Сейчас просматривал новые шаблоны и понравились функции шаблона нефрит. Естественно я их захотел поставить себе на сайт, но менять шаблон не хочу, уже к нему привык и изменений много сделал. Аккаунт SL-182616. Так вот вопрос, как добавить функции:
1. В карточке товара сделать возможность перехода к предыдущему и следующему товару (смотреть рисунок 1).
2. Сделать сопутствующие товары каруселью, с кнопками прокрутки по бокам (смотреть рисунок 2).
3. На главной странице сделать карусель товаров например хитов продажи (смотреть рисунок 3).

Прикрепленные изображения

  • Новый рисунок 1.jpg
  • Новый рисунок 2.jpg
  • Новый рисунок 3.jpg


#2 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 09 Январь 2015 - 01:16

По первому вопросу, нашел как сделать, единственное подскажите что изменить, чтобы получилось как на фото (точно также как в шаблоне нефрит), т.е. увеличить шрифт, разъединить палочкой и сделать стрелочки заместо скобочек.
На 2 и 3 вопрос жду Вашей помощи.

#3 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 10 Январь 2015 - 12:47

Просмотр сообщенияRebvjd (09 Январь 2015 - 01:16) писал:

По первому вопросу, нашел как сделать, единственное подскажите что изменить, чтобы получилось как на фото (точно также как в шаблоне нефрит), т.е. увеличить шрифт, разъединить палочкой и сделать стрелочки заместо скобочек.
На 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"> &larr; </span>предыдущий товар</a> |
<a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr">следующий товар<span class="next"> &rarr; </span></a>
для того что бы увеличить шрифт, добавьте в конец файла main.css
.prods-paginate a {
font-size: 13px;
}
где изменяете значение font-size: 13px;

для установки карусели используйте тему форума
http://forum.storela...лож/#entry32986

#4 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 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"> &larr; </span>предыдущий товар</a> |
<a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}" class="fr">следующий товар<span class="next"> &rarr; </span></a>
для того что бы увеличить шрифт, добавьте в конец файла main.css
.prods-paginate a {
font-size: 13px;
}
где изменяете значение font-size: 13px;
А можно эти кнопки выровнять по центру? И скажите как опустить блоки описания и изображения товара чть-чуть в низ, а то бирка залезает на навигацию.

Прикрепленные изображения

  • Новый рисунок (9).jpg


#5 Alekseys

Alekseys

    Активный участник

  • Модераторы
  • 2 355 сообщений

Отправлено 10 Январь 2015 - 16:54

Просмотр сообщенияRebvjd (10 Январь 2015 - 16:15) писал:

А можно эти кнопки выровнять по центру? И скажите как опустить блоки описания и изображения товара чть-чуть в низ, а то бирка залезает на навигацию.
Здравствуйте. В main.css добавьте
.prods-paginate {
width: 305px;
margin: auto;
}
и
form.goodsDataForm.cont700.hiden {
margin-top: 15px;
}


#6 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 673 сообщений

Отправлено 10 Январь 2015 - 16:56

Просмотр сообщенияRebvjd (10 Январь 2015 - 16:15) писал:

А можно эти кнопки выровнять по центру? И скажите как опустить блоки описания и изображения товара чть-чуть в низ, а то бирка залезает на навигацию.
Найдите в main.css
#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 Rebvjd

Rebvjd

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 247 сообщений

Отправлено 20 Январь 2017 - 22:48

Как поставить предыдущий и следующий товар в шаблоне новогодний? Аккаунт SL-182616

#8 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 759 сообщений

Отправлено 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;}

Прикрепленные изображения

  • Screenshot.png





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных