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


Отображение Наличия Товара На Странице Категории


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

#1 Tambi

Tambi

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

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

Отправлено 08 Декабрь 2011 - 10:04

скажите пожалуйста как осуществить то что изображено на рисунке

я пытался взять блок
<!-- Доступность товара -->
                    <div class="goodsDataMainModificationAvailable">
                      <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
                      <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
                    </div>

и засунуть туда, но тогда пишет постоянно "товара нет в наличии"

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

  • рис1.PNG


#2 Vaccina

Vaccina

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

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

Отправлено 08 Декабрь 2011 - 21:33

для этого надо немного изменить сам код на такой:
<!-- Доступность товара -->
					{% IF goods.MAX_REST_VALUE=0 %}
	 <p> <div class="goodsDataMainModificationAvailable">
		   <div rel="false" class="available-false" style="padding:4px;margin-left: 25px;background: none repeat scroll 0 0 #666666;color: #FFFFFF;font-weight: bold;width: 160px;">Товара нет в наличии</div>
		 </div> </p>
  {% ENDIF %}
   {% IF goods.MAX_REST_VALUE>0 %}
	   <p>  <div class="goodsDataMainModificationAvailable">
		   <div rel="true" class="available-true" style="padding:4px;background: none repeat scroll 0 0 #8726E4;  margin-left: 25px; color: #FFFFFF;font-weight: bold;width: 160px;">Товар есть в наличии</div>
	   </div>  </p>
  {% ENDIF %}
<!-- Доступность товара -->


#3 zhenpoplen

zhenpoplen

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

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

Отправлено 04 Июнь 2012 - 23:58

Здравствуйте. Подскажите пожалуйста. В каком шаблоне редактора тем нужно поменять данный код, описанный выше? тема сияние.
Спасибо.

#4 Vaccina

Vaccina

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

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

Отправлено 05 Июнь 2012 - 21:28

Данный код необходимо разместить в шаблоне "Товары"

#5 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

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

Просмотр сообщенияVaccina (08 Декабрь 2011 - 21:33) писал:

для этого надо немного изменить сам код на такой:
<!-- Доступность товара -->
{% IF goods.MAX_REST_VALUE=0 %}
<p> <div class="goodsDataMainModificationAvailable">
<div rel="false" class="available-false" style="padding:4px;margin-left: 25px;background: none repeat scroll 0 0 #666666;color: #FFFFFF;font-weight: bold;width: 160px;">Товара нет в наличии</div>
</div> </p>
{% ENDIF %}
{% IF goods.MAX_REST_VALUE>0 %}
<p> <div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" style="padding:4px;background: none repeat scroll 0 0 #8726E4; margin-left: 25px; color: #FFFFFF;font-weight: bold;width: 160px;">Товар есть в наличии</div>
</div> </p>
{% ENDIF %}
<!-- Доступность товара -->

Сделала как Вы писали - в каталоге товаров - всё получилось!
Спасибо!!

Хотела сделать тоже самое и в карточке товара
В шаблоне "Товар" пробовала вставить этот код заместо имеющегося - не вышло
пробовала только копируя style - тоже ерунда получается

Подскажите - как сделать чтобы на карточке товара под надписью "В наличии" и "Под заказ" были такие же ЗАМЕТНЫЕ покупателю рамочки, как и в каталоге?

И второе:
на карточке товара у меня почему-то две надписи "В корзину" и "Положить в корзину"
как избавится от верхней? ("В корзину")

мой сайт: http://larec-ledenec.ru/

#6 Vaccina

Vaccina

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

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

Отправлено 14 Февраль 2013 - 01:58

Вам необходимо в шаблоне "Товар" код

<!-- Доступность товара -->
					<div class="goodsDataMainModificationAvailable">
					  <div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
					  <div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
					</div>

заменить на

<!-- Доступность товара -->
					<div class="goodsDataMainModificationAvailable">
					  <div rel="true" class="available-true" style="padding:3px;background: #99CC33; margin-left: 39px; color: #FFFFFF;font-weight: bold; width: 100px;{% IF GOODS_MOD_REST_VALUE=0 %}display:none;{% ENDIF %}">В наличии</div>
					  <div rel="false" class="available-false" style="padding:3px;margin-left: 39px;background: #808080;color: #FFFFFF;font-weight: bold;width: 100px;{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Под заказ</div>
					</div>

2) На данный момент у вас 2 кнопки "В корзину" и "Добавить к сравнению". Для выравнивания текста в кнопке "В корзину" вы можете в файл стилей main.css добавить

.zakaz, a.read-more, .paymentFormTbodySubmitButton {
  text-align: left;
}

Пожалуйста, уточните о какой кнопке "Положить в корзину" идет речь. Подобную кнопку на странице с товаром - не наблюдаю.

#7 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

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

Vaccina, спасибо!
плашки под "В наличии" и "Под заказ" получились

Вторую надпись "В корзину" я удалила сама

Подскажите - как теперь выравнить "В корзину" по центру кнопки???
чтобы она и по вертикали и по горизонтали была по центру
а то я в конце main.css добавила так:


.zakaz, a.read-more, .paymentFormTbodySubmitButton {
  text-align: center;
но она все равно не по центру

#8 Vaccina

Vaccina

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

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

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

Вам необходимо класс

.zakaz, a.read-more, .paymentFormTbodySubmitButton {
	text-align: center;
}

заменить на

.zakaz, a.read-more, .paymentFormTbodySubmitButton {
	text-align: center;
	padding-left: 0 !important;
}


#9 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 15 Февраль 2013 - 10:31

Vaccina, надпись "В корзину" встала по центру по горизонтали, но не по вертикали..
что делать?
она задрана кверху

#10 Koderhan

Koderhan

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

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

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

Просмотр сообщенияtanch (15 Февраль 2013 - 10:31) писал:

Vaccina, надпись "В корзину" встала по центру по горизонтали, но не по вертикали..
что делать?
она задрана кверху
В файле "main.csstemplate".
Найти код:
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
		text-align: center;
		padding-left: 0 !important;
}
Заменить:
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
		text-align: center;
		padding-left: 0 !important;
		line-height: 190%;
}


#11 miyako

miyako

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

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

Отправлено 15 Февраль 2013 - 11:26

Просмотр сообщенияtanch (15 Февраль 2013 - 10:31) писал:

Vaccina, надпись "В корзину" встала по центру по горизонтали, но не по вертикали..
что делать?
она задрана кверху

Найдите код:
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
		text-align: center;
		padding-left: 0 !important;
}
и замените на:
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
text-align: center;
padding-left: 0 !important;
display: table-cell;
vertical-align: middle;
border: 0px !important;
}


#12 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

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

Спасибо!
помог вариант от Koderhan!
При варианте от miyako - вся кнопка убегает влево (видимо встает по центру своего блока)

Но!
теперь обнаружила еще проблему
На странице заказа при выборе онлайнового способа оплаты (в моем случае QIWI) - кнопка "Выставить счёт" обрела такой же стиль, что и кнопка "В корзину"
Я совершенно не против такого превращения, но вот надпись в этой кнопке убежала с центра вниз и влево
Необходимо ее тоже выравнить!
Сама не нашла ее ни в "Просмотр заказа", ни в "Оформление заказа", ни в "main.css"
счет.jpg

#13 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

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

Просмотр сообщенияtanch (16 Февраль 2013 - 17:14) писал:

Спасибо!
помог вариант от Koderhan!
При варианте от miyako - вся кнопка убегает влево (видимо встает по центру своего блока)

Но!
теперь обнаружила еще проблему
На странице заказа при выборе онлайнового способа оплаты (в моем случае QIWI) - кнопка "Выставить счёт" обрела такой же стиль, что и кнопка "В корзину"
Я совершенно не против такого превращения, но вот надпись в этой кнопке убежала с центра вниз и влево
Необходимо ее тоже выравнить!
Сама не нашла ее ни в "Просмотр заказа", ни в "Оформление заказа", ни в "main.css"
Прикрепленный файл счет.jpg

Можно сделать следующее:
в файле main.css блок
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
		text-align: center;
		padding-left: 0 !important;
		line-height: 190%;
}

измените на
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
		text-align: center;
		padding-left: 0 !important;
}
.zakaz {
  line-height: 190%;
}


#14 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

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

Спасибо, support 2.0
более-менее нормально стало
но не идеально...))
счет2.jpg

#15 Koderhan

Koderhan

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

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

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

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

Спасибо, support 2.0
более-менее нормально стало
но не идеально...))
Прикрепленный файл счет2.jpg
Можно попробовать изменить стили.
В файле "main.csstemplate".
Найти код:
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
				text-align: center;
				padding-left: 0 !important;
}
Заменить:
.zakaz, a.read-more, .paymentFormTbodySubmitButton {
				text-align: center;
				padding-left: 0px;
				line-height: 18px;
}


#16 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 10 Июнь 2013 - 17:45

А у меня тут вот так (почему-то какая-то обратная логика, которую я не могу понять. true = 0%, false > 0%. Как бы если бы правда, что доступно, то это было бы > 0%. Поэтому не могу сам разобраться):

<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Доставка до 14 дней</div>
<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Доставка до 60 дней</div>
</div>
</td>
<td class="goodsDataFormSubmitButton">


Это уже реализовано в товаре. А сейчас нужно чтобы в категориях товаров это было написано, причем двумя разными цветами, которые я потом подберу (нужно оттенок зеленого и красного подобрать для красоты и для кое чего другого, что я подберу):
Изображение
Помогите прописать все это. И чтобы смотрелось тоже как тут красиво. По-серединке.

Мне просто не нужно чтобы покупатели вдруг купили тот товар.

А покупали то, что будет в начале.

На других товарах я может и до 90 дней потом поставлю.

#17 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 10 Июнь 2013 - 18:28

Просмотр сообщенияAndrew S. (10 Июнь 2013 - 17:45) писал:

А у меня тут вот так (почему-то какая-то обратная логика, которую я не могу понять. true = 0%, false > 0%. Как бы если бы правда, что доступно, то это было бы > 0%. Поэтому не могу сам разобраться):

<!-- Доступность товара -->
<div class="goodsDataMainModificationAvailable">
<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Доставка до 14 дней</div>
<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Доставка до 60 дней</div>
</div>
</td>
<td class="goodsDataFormSubmitButton">


Это уже реализовано в товаре. А сейчас нужно чтобы в категориях товаров это было написано, причем двумя разными цветами, которые я потом подберу (нужно оттенок зеленого и красного подобрать для красоты и для кое чего другого, что я подберу):
Изображение
Помогите прописать все это. И чтобы смотрелось тоже как тут красиво. По-серединке.

Мне просто не нужно чтобы покупатели вдруг купили тот товар.

А покупали то, что будет в начале.

На других товарах я может и до 90 дней потом поставлю.

строка
{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %} . . .
означает, что если нет товара, тогда надпись "есть в наличии скрывать" и также наоборот

теперь по поводу реализации в каталоге:
в шаблоне Товары найдите блок
</div>
			 <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>
сразу после него поставьте
{% IF goods.MAX_REST_VALUE=0 %}<div class="available-false">[color=#282828][font=helvetica, arial, sans-serif]Доставка до 60 дней[/font][/color]</div>{% ENDIF %}		
{% IF goods.MAX_REST_VALUE>0 %}<div class=available-true">[color=#282828][font=helvetica, arial, sans-serif]Доставка до 14 дней[/font][/color]</div>{% ENDIF %}

теперь в файле main.css в самом конце добавьте блок
.available-false { color: #990000}
.available-true { color: #54cc00 }


#18 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 10 Июнь 2013 - 18:45

Просмотр сообщенияsupport 2.0 (10 Июнь 2013 - 18:28) писал:

строка
{% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %} . . .
означает, что если нет товара, тогда надпись "есть в наличии скрывать" и также наоборот

теперь по поводу реализации в каталоге:
в шаблоне Товары найдите блок
</div>
			 <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>
сразу после него поставьте
{% IF goods.MAX_REST_VALUE=0 %}<div class="available-false">[color=#282828][font=helvetica, arial, sans-serif]Доставка до 60 дней[/font][/color]</div>{% ENDIF %}		
{% IF goods.MAX_REST_VALUE>0 %}<div class=available-true">[color=#282828][font=helvetica, arial, sans-serif]Доставка до 14 дней[/font][/color]</div>{% ENDIF %}

теперь в файле main.css в самом конце добавьте блок
.available-false { color: #990000}
.available-true { color: #54cc00 }

Не так, плюс косяки. Не нужно чтобы они были зеленые и красные в карточке товаров.
Изображение
Изображение
Нужно чтобы они были зеленые и красные только в категории товаров, в общем списке нескольких товаров как на первом изображении в первом сообщении.

И ошибка:
Изображение

#19 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 10 Июнь 2013 - 18:50

Хотя, можно и оставить в карточке товаров разные цвета, если также можно сделать, чтобы "цена и рублей" были того же цвета.
А то получается радуга.

#20 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 10 Июнь 2013 - 19:11

Просмотр сообщенияAndrew S. (10 Июнь 2013 - 18:45) писал:

Не так, плюс косяки. Не нужно чтобы они были зеленые и красные в карточке товаров.
Изображение
Изображение
Нужно чтобы они были зеленые и красные только в категории товаров, в общем списке нескольких товаров как на первом изображении в первом сообщении.

И ошибка:
Изображение

форум в мой код добавил свои строчки, поэтому измените блок на этот
{% IF goods.MAX_REST_VALUE=0 %}<div class="available-false">Доставка до 60 дней</div>{% ENDIF %}			
{% IF goods.MAX_REST_VALUE>0 %}<div class=available-true">Доставка до 14 дней</div>{% ENDIF %}

также Вы не добавили в файл main.css следующий код
.available-false { color: #990000}
.available-true { color: #54cc00 }





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

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