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

[Tambi]

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

я пытался взять блок
<!-- Доступность товара -->
                    <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>

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

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

• 

[Vaccina]

для этого надо немного изменить сам код на такой:

<!-- Доступность товара -->
					{% 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 %}
<!-- Доступность товара -->

[zhenpoplen]

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

[Vaccina]

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

[tanch]

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/

[Vaccina]

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

<!-- Доступность товара -->
					<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;
}

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

[tanch]

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

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

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

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

но она все равно не по центру

[Vaccina]

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

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

заменить на

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

[tanch]

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

[Koderhan]

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%;
}

[miyako]

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;
}

[tanch]

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

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

[support 2.0]

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%;
}

[tanch]

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

[Koderhan]

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;
}

[Andrew S.]

А у меня тут вот так (почему-то какая-то обратная логика, которую я не могу понять. 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 дней потом поставлю.

[support 2.0]

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 }

[Andrew S.]

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 }

Не так, плюс косяки. Не нужно чтобы они были зеленые и красные в карточке товаров.


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

И ошибка:

[Andrew S.]

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

[support 2.0]

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 }