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


Кнопка Купить При Просмотре В Каталоге


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

#1 atr

atr

    Продвинутый пользователь

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

Отправлено 28 Февраль 2012 - 18:46

Здравствуйте, подскажите, пожалуйста, как установить ссылку "купить" ? При просмотре товара в каталоге.
пример.JPG

#2 atr

atr

    Продвинутый пользователь

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

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

http://mir-sigaret.ru/ вот аналогичный магазин на storeland. Только у него там кнопка всплывающая, а мне нужна просто ссылка, текстовая. :) Help

#3 Vaccina

Vaccina

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

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

Отправлено 29 Февраль 2012 - 21:09

Для этого нужно добавить соответствующий код в шаблон Товары(редактор тем) и изменить в main.js немного логику

это код для вставки в шаблон Товары:
 <p>
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <div>
				<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="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину" href="#">В корзину</a>
			  </div>
			</form>	
			</p>


Этот блок необходим в main.js

  // Добавление товара в корзину через ajax
  $('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){
	$(this).nyroModalManual({
	  formIndicator: 'ajax_q',  // Value added when a form is sent
	  minWidth: 450, // Minimum width
	  minHeight: 140, // Minimum height
	  gallery: null // Gallery name if provided
	});
	return false;
  });

то есть нужно найти примерно такой же код и заменить на этот.

#4 atr

atr

    Продвинутый пользователь

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

Отправлено 01 Март 2012 - 13:27

C  main.js вроде никаких проблем, все нашел, заменил.

А куда именно вставлять код ? :

<p>
			 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			  <div>
				<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="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" title="Положить &laquo;{goods.NAME}&raquo; в корзину" href="#">В корзину</a>
			  </div>
			</form>	
			</p>

Я куда только не вставлял, ничего не изменилось.

#5 Vaccina

Vaccina

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

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

Отправлено 01 Март 2012 - 19:54

Редактор тем  - Товары - после сл.куска кода:
<div class="goodsListItemPriceOld">
		  			  {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
					{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
					  <a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
					{% ENDIF %}
		  			</div>


#6 atr

atr

    Продвинутый пользователь

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

Отправлено 01 Март 2012 - 20:18

Спасибо, получилось!

#7 atr

atr

    Продвинутый пользователь

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

Отправлено 01 Март 2012 - 20:18

Подскажите, пожалуйста, как сделать так, чтобы цена в каталоге не была ссылкой, ну там (600р) - чтобы это был просто текст?

#8 atr

atr

    Продвинутый пользователь

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

Отправлено 01 Март 2012 - 20:41

Нашел сам,   <a href="{goods.URL_MIN_PRICE_NOW}"> {goods.MIN_PRICE_NOW | money_format} нужно удалить "   <a href="{goods.URL_MIN_PRICE_NOW}"> "

ну и </a> соответственно.

Находится оно в : Редактор тем -> Товары ->  <!-- Если есть товары -->

#9 atr

atr

    Продвинутый пользователь

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

Отправлено 02 Март 2012 - 12:37

Спасибо за помощь, разобрался сам, я накосчил где-то раньше, придется просто восстанавливать все с бекапов :)

#10 romatex

romatex

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

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

Отправлено 31 Май 2012 - 11:38

Скрытый текст


#11 Vaccina

Vaccina

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

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

Отправлено 31 Май 2012 - 23:43

Данный вопрос рассматривался в следующей теме форума http://forum.storela...dpost__p__19154

#12 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 23 Декабрь 2012 - 02:11

Коллеги, а както можно добавить не только кнопку Купить, но и кнопку выбора модификации?
Также при просмотре в каталоге, чтобы не заходить в товар.

#13 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 24 Декабрь 2012 - 07:35

Просмотр сообщенияLondonShirts.ru (23 Декабрь 2012 - 02:11) писал:

Коллеги, а както можно добавить не только кнопку Купить, но и кнопку выбора модификации?
Также при просмотре в каталоге, чтобы не заходить в товар.
К сожалению вывод выбора модификации в каталог товары пока перенести нельзя.

#14 Flor@@

Flor@@

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

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

Отправлено 28 Февраль 2013 - 16:13

спасибо огромное, только:
1. кнопка "купить" не помещается во всю высоту, как можно уменьшить размер кнопки и увеличить расстояние между товарами для нее (хотлела бы подкрутить и тот и другой показатель).
2. хотелось бы размер (модификацию) напротив цены поставить в каталоге. Чтобы посетители видели, какой размер они заказывают.
3. Как изменить внешний вид кнопки? Куда подставлять другую картинку?

Сообщение отредактировал otdyh-i-son.ru: 28 Февраль 2013 - 16:30


#15 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 28 Февраль 2013 - 21:36

Просмотр сообщенияotdyh-i-son.ru (28 Февраль 2013 - 16:13) писал:

спасибо огромное, только:
1. кнопка "купить" не помещается во всю высоту, как можно уменьшить размер кнопки и увеличить расстояние между товарами для нее (хотлела бы подкрутить и тот и другой показатель).
2. хотелось бы размер (модификацию) напротив цены поставить в каталоге. Чтобы посетители видели, какой размер они заказывают.
3. Как изменить внешний вид кнопки? Куда подставлять другую картинку?
Добрый вечер..
Параметры кнопки
style="width: 200px;height: 46px;"
где width:  Ширина элемента  ;  height:-Высота элемента..,
по поводу где и как её нарисовать и как она будет выглядеть то можно сделать тут
http://vorabota.ru/z...generatore.html
http://livetools.uip...n-builder.html#

#16 Flor@@

Flor@@

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

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

Отправлено 01 Март 2013 - 00:22

Просмотр сообщенияMikola (28 Февраль 2013 - 21:36) писал:

Добрый вечер..
Параметры кнопки
style="width: 200px;height: 46px;"
где width:  Ширина элемента  ;  height:-Высота элемента..,
по поводу где и как её нарисовать и как она будет выглядеть то можно сделать тут
http://vorabota.ru/z...generatore.html
http://livetools.uip...n-builder.html#

я понимаю, что необходимо изменить габариты кнопки, а именно ее ширину и высоту, но если честно не понимаю где кокретно это необходимо прописать. В приведенных выше кодах, и использованных мною, габаритов кнопки я не увидела вообще. Как и куда их там добавить?

#17 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Март 2013 - 06:42

Просмотр сообщенияotdyh-i-son.ru (01 Март 2013 - 00:22) писал:

я понимаю, что необходимо изменить габариты кнопки, а именно ее ширину и высоту, но если честно не понимаю где кокретно это необходимо прописать. В приведенных выше кодах, и использованных мною, габаритов кнопки я не увидела вообще. Как и куда их там добавить?
Можно попробовать изменить блок с товаром.
В файле "main.csstemplate".
Найти код:
.goodsListItemBlock				 {height:270px;width:170px;margin:5px;overflow:hidden;border: medium none !important;}
Заменить:
.goodsListItemBlock				 {height: 305px;width:170px;margin:5px;overflow:hidden;border: medium none !important;}


#18 Flor@@

Flor@@

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

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

Отправлено 01 Март 2013 - 09:30

Просмотр сообщенияKoderhan (01 Март 2013 - 06:42) писал:

Можно попробовать изменить блок с товаром.
В файле "main.csstemplate".
Найти код:
.goodsListItemBlock				 {height:270px;width:170px;margin:5px;overflow:hidden;border: medium none !important;}
Заменить:
.goodsListItemBlock				 {height: 305px;width:170px;margin:5px;overflow:hidden;border: medium none !important;}

Спасибо огромное, помогло, да не совсем:
хотя сам блок и увеличился в размере, но увеличилось и растояние между фотографией и надписью.
Плюс, я ооочень прошу, скажите где подкрутить размер кнопок, так как сама кнопка тоже большевата,

#19 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Март 2013 - 09:49

Просмотр сообщенияotdyh-i-son.ru (01 Март 2013 - 09:30) писал:

Спасибо огромное, помогло, да не совсем:
хотя сам блок и увеличился в размере, но увеличилось и растояние между фотографией и надписью.
Плюс, я ооочень прошу, скажите где подкрутить размер кнопок, так как сама кнопка тоже большевата,
Можно попробовать изменить стиль кнопки только для каталога товаров.
В файл "Товары".
В самое начало.
Добавить код:
<style>
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #333;/*цвет текста*/
text-decoration: none;
background: url(http://eco-son.storeland.net/read_more2.png) no-repeat left top;
height: 30px;/*высота кнопки*/
width: 135px;
padding-left: 15px;/*отступ слева*/
display: block;}
</style>


#20 Flor@@

Flor@@

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

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

Отправлено 01 Март 2013 - 10:33

Просмотр сообщенияKoderhan (01 Март 2013 - 09:49) писал:

Можно попробовать изменить стиль кнопки только для каталога товаров.
В файл "Товары".
В самое начало.
Добавить код:
a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #333;/*цвет текста*/
text-decoration: none;
background: url(http://eco-son.storeland.net/read_more2.png) no-repeat left top;
height: 30px;/*высота кнопки*/
width: 135px;
padding-left: 15px;/*отступ слева*/
display: block;}

Именно в "товары", а не в CSS?




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

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