Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Кнопка Перелистывания Между Товарами

Автор duxifat, 17 февр. 2015 16:59

Кнопка

Авторизуйтесь для ответа в теме

Сообщений в теме: 9

#1 duxifat

Пользователь

Пользователи
12 сообщений

Отправлено 17 Февраль 2015 - 16:59

Доброе время суток.
Подскажите пожалуйста как мне сделать на странице товара кнопку перелистывания между товарами данной категории.
Пример самой кнопки можно взять со слайдера главной страницы и желательно,чтоб перед самой кнопкой была надпись "Следующая модель"
Буду очень признателен

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

Наверх

#2 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 18 Февраль 2015 - 01:15

В шаблоне Товар после:

<!-- Добавление в корзину -->
		<div class="cart">
		  <div>
			<div class="plus_minus_quantity">
			  <span class="qty-minus">-</span>
		   <input type="text" value="1"  size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		  <span class="qty-plus">+</span>
		</div>
			<input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
			<!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		  </div>

вставьте:

  {% IFNOT neighbor_goods_empty %}
					<div class="goods-pagination">
					  <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий товар</a>
						<span class="separator">|</span>
					  <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий товар<span class="icon-long-arrow-right"></span></a>
					</div>
					{% ENDIF %}

Наверх

#3 duxifat

Пользователь

Пользователи
12 сообщений

Отправлено 18 Февраль 2015 - 02:37

Vaccina (18 Февраль 2015 - 01:15) писал:

В шаблоне Товар после:

<!-- Добавление в корзину -->
	 <div class="cart">
		 <div>
		 <div class="plus_minus_quantity">
			 <span class="qty-minus">-</span>
		 <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		 <span class="qty-plus">+</span>
	 </div>
		 <input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить «{GOODS_NAME}» в корзину"/>
		 <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить «{GOODS_NAME}» в корзину"/ -->
		 </div>

вставьте:

{% IFNOT neighbor_goods_empty %}
				 <div class="goods-pagination">
					 <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий товар</a>
					 <span class="separator">|</span>
					 <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий товар<span class="icon-long-arrow-right"></span></a>
				 </div>
				 {% ENDIF %}

Принцип вроде тот ,но я не этого хотел.
Сами надписи прилипают к кнопке " Купить " а это согласитесь не красиво.
Я выложил два скрина как это выглядит сейчас и как бы хотелось ,чтоб это было.
Ну как минимум хотелось бы вот это

Если нет такой возможности это воплотить ,то хотя бы отодвиньте надписи от кнопки "купить"

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

Наверх

#4 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 18 Февраль 2015 - 02:42

{% IFNOT neighbor_goods_empty %}
								 <div class="goods-pagination">
										 <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий товар</a>
										 <span class="separator">|</span>
										 <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий товар<span class="icon-long-arrow-right"></span></a>
								 </div>
								 {% ENDIF %}

замените на:

{% IFNOT neighbor_goods_empty %}
								 <div class="goods-pagination" style="float:right;">
										 <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}">
		   <img src="ссылка на иконку предыдущий товар" alt="" />
		   </a>
										 <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">
		   <img src="ссылка на иконку следующий товар" alt="" />
		   </a>
								 </div>
								 {% ENDIF %}

и подставьте необходимые значения ссылка в картинки

Наверх

#5 duxifat

Пользователь

Пользователи
12 сообщений

Отправлено 18 Февраль 2015 - 05:29

Vaccina (18 Февраль 2015 - 02:42) писал:

{% IFNOT neighbor_goods_empty %}
								 <div class="goods-pagination">
										 <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий товар</a>
										 <span class="separator">|</span>
										 <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий товар<span class="icon-long-arrow-right"></span></a>
								 </div>
								 {% ENDIF %}

замените на:

{% IFNOT neighbor_goods_empty %}
								 <div class="goods-pagination" style="float:right;">
										 <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}">
		   <img src="ссылка на иконку предыдущий товар" alt="" />
		   </a>
										 <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">
		   <img src="ссылка на иконку следующий товар" alt="" />
		   </a>
								 </div>
								 {% ENDIF %}

и подставьте необходимые значения ссылка в картинки

Спасибо. Выбрал что то третье ,но не без вашей помощи

Наверх

#6 JUMP

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

Пользователи
357 сообщений

Отправлено 08 Март 2015 - 02:50

Vaccina (18 Февраль 2015 - 01:15) писал:

В шаблоне Товар после:

<!-- Добавление в корзину -->
	 <div class="cart">
		 <div>
		 <div class="plus_minus_quantity">
			 <span class="qty-minus">-</span>
		 <input type="text" value="1" size="2" maxlength="5" class="quantity" name="form[goods_mod_quantity]">
		 <span class="qty-plus">+</span>
	 </div>
		 <input type="button" value="Купить" id="button-cart" class="button button_cart_product" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
		 <!-- input type="button" value="Добавить в корзину" id="button-cart" class="button button_cart_product" onclick="$('.goodsDataForm').submit(); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/ -->
		 </div>

вставьте:

{% IFNOT neighbor_goods_empty %}
				 <div class="goods-pagination">
					 <a href="{% IF NEIGHBOR_PREVIOUS_GOODS_URL %}{NEIGHBOR_PREVIOUS_GOODS_URL}{% ELSE %}{NEIGHBOR_LAST_GOODS_URL}{% ENDIF %}"><span class="icon-long-arrow-left"></span>Предыдущий товар</a>
					 <span class="separator">|</span>
					 <a href="{% IF NEIGHBOR_NEXT_GOODS_URL %}{NEIGHBOR_NEXT_GOODS_URL} {% ELSE %}{NEIGHBOR_FIRST_GOODS_URL}{% ENDIF %}">Cледующий товар<span class="icon-long-arrow-right"></span></a>
				 </div>
				 {% ENDIF %}

1.У меня тоже как и у duxifat (на скрине) надписи прилипли к кнопке "Купить" как эти надписи немножечко подвинуть ?????

2.Наличие товара: Товар есть в наличии - КАК УБРАТЬ ЭТУ ФРАЗУ,ЧТОБЫ НЕ ПОКАЗЫВАЛОСЬ НА СТРАНИЧКЕ ТОВАРА,но при этом индексировалось поисковыми системами!!??????

Наверх

#7 Cupuyc

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

Пользователи
747 сообщений

Отправлено 08 Март 2015 - 19:59

JUMP (08 Март 2015 - 02:50) писал:

2.Наличие товара: Товар есть в наличии - КАК УБРАТЬ ЭТУ ФРАЗУ,ЧТОБЫ НЕ ПОКАЗЫВАЛОСЬ НА СТРАНИЧКЕ ТОВАРА,но при этом индексировалось поисковыми системами!!??????

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> СТИЛИ -> main.css добавьте после последней строчки код:

.goodsDataMainModificationAvailable {display: none;}

Наверх

#8 JUMP

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

Пользователи
357 сообщений

Отправлено 11 Март 2015 - 08:28

Cupuyc (08 Март 2015 - 19:59) писал:

.goodsDataMainModificationAvailable {display: none;}

а по поводу немного перенести вправо как на скрине!!???

Наверх

#9 RayLi

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

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

Отправлено 11 Март 2015 - 18:49

JUMP (11 Март 2015 - 08:28) писал:

а по поводу немного перенести вправо как на скрине!!???

Здравствуйте.
Попробуйте сделать следующее:
В шаблоне main.css найдите код:

.product-info .cart div {
float: left;
vertical-align: middle;
line-height: 36px;
}

И замените его вот этим кодом:

.product-info .cart div {
float: left;
vertical-align: middle;
line-height: 36px;
padding: 0px 10px 0 0px;
}

Наверх

#10 JUMP

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

Пользователи
357 сообщений

Отправлено 12 Март 2015 - 08:19

Помогло,супер!!!

Наверх

Обратно в Страница товара

Темы с аналогичным тегами Кнопка

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Веган → Страница товара → Добавление Кнопки Быстрого Заказа Автор Гость_Vugi_* , 25 сент. 2020 кнопка, купитьв1клик, ыстрыйзаказ	0 Ответов 971 Просмотров	Vugi 25 сент. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Каталог товаров → Кнопка Под Заказ Автор Гость_like.hornet.6_* , 09 апр. 2020 под заказ, кнопка, техно	0 Ответов 1 230 Просмотров	like.hornet.6 09 апр. 2020
Вопросы работы сервиса StoreLand → Инструкция по использованию (документация) → Кнопка Автор Гость_неизвестность_* , 12 мая 2016 Кнопка	3 Ответов 2 997 Просмотров	MikDark 12 мая 2016
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Кнопка "под Заказ" (Лазурь) Автор Гость_Aza102_* , 20 янв. 2016 Кнопка, под, заказ, тема, лазурь и 2 еще...	Популярная тема 9 Ответов 2 185 Просмотров	Aza102 27 янв. 2016
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лазурь → Изменение общей стилистики → Как Добавить Кнопку Автор Гость_Clean-tool.ru_* , 15 окт. 2015 кнопка	Популярная тема 10 Ответов 2 116 Просмотров	Honor 29 янв. 2016

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

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

Кнопка Перелистывания Между Товарами

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

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

Темы с аналогичным тегами Кнопка

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

Войти

Google поиск