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


Отобржаение Модификаций В Каталоге.


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

#1 Flor@@

Flor@@

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

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

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

Давайте хоть как-то попробуем отобразить их в категориях каталога.

#2 Koderhan

Koderhan

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

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

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

Можно попробовать такой вариант вывода модификаций.
В файл main.css добавить стили:
.mods {
	display: block;
	font-size: 11px;
	width: 90%;
	margin: 0 auto;
}
.mods .zn {
	float: left;
	font-weight: bold;
}
.mods .vl {
	float: right;
}
В файле товары. Для отображения таблицей.
Код:
Это примерно 302 строка.
		 <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>

			  </div>
			</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>
			  </div>
			</div>
<div class="mods">
			{% FOR mods %}
				{%FOR v %}
				  <div class="zn">
					{goods.mods.v.NAME}:
				  </div>
				  <div class="vl">
					{goods.mods.v.VALUE}
				  </div>
				{%ENDFOR%}
			{% ENDFOR %}
			</div>


#3 Flor@@

Flor@@

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

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

Отправлено 05 Июнь 2013 - 12:56

Да, в принципе, то, что нужно, а как сделать списк модификаций со скролом?? а то так получается некрасиво и длинно очень, скрин:

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

  • вид сайта 29.jpg


#4 miyako

miyako

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

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

Отправлено 05 Июнь 2013 - 13:33

Просмотр сообщенияotdyh-i-son.ru (05 Июнь 2013 - 12:56) писал:

Да, в принципе, то, что нужно, а как сделать списк модификаций со скролом?? а то так получается некрасиво и длинно очень, скрин:

Не нашла у вас в каталоге вывод модификаций.

#5 Flor@@

Flor@@

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

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

Отправлено 05 Июнь 2013 - 14:25

я вернула код назад, только срин приложила выше, так как оставить надолго на сайте такое невозможно.

#6 miyako

miyako

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

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

Отправлено 05 Июнь 2013 - 14:36

Просмотр сообщенияotdyh-i-son.ru (05 Июнь 2013 - 14:25) писал:

я вернула код назад, только срин приложила выше, так как оставить надолго на сайте такое невозможно.

Попробуйте так:
   <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>
						  </div>
						</div>
<div class="mods" style="overflow:auto;">
						{% FOR mods %}
								{%FOR v %}
								  <div class="zn">
										{goods.mods.v.NAME}:
								  </div>
								  <div class="vl">
										{goods.mods.v.VALUE}
								  </div>
								{%ENDFOR%}
						{% ENDFOR %}
						</div>


#7 Flor@@

Flor@@

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

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

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

получилось вот что:

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

  • вид сайта 32.jpg


#8 Koderhan

Koderhan

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

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

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

После действий из этого сообщения.
В конец файла main.css попробуйте добавить код:
.mods {
height:2em;
overflow:auto;
}
В стили добавили прокрутку модификаций.

#9 Владимир Москва

Владимир Москва

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

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

Отправлено 04 Октябрь 2013 - 15:08

Просмотр сообщенияKoderhan (05 Июнь 2013 - 11:26) писал:

Можно попробовать такой вариант вывода модификаций.
В файл main.css добавить стили:
.mods {
display: block;
font-size: 11px;
width: 90%;
margin: 0 auto;
}
.mods .zn {
float: left;
font-weight: bold;
}
.mods .vl {
float: right;
}
В файле товары. Для отображения таблицей.
Код:
Это примерно 302 строка.
<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>

</div>
</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>
			 </div>
		 </div>
<div class="mods">
		 {% FOR mods %}
			 {%FOR v %}
				 <div class="zn">
				 {goods.mods.v.NAME}:
				 </div>
				 <div class="vl">
				 {goods.mods.v.VALUE}
				 </div>
			 {%ENDFOR%}
		 {% ENDFOR %}
		 </div>
Меня эта тема очень интересует!!! Скажите есть ли возможность вывести Название Модификации ее значение и ее цену соответственно в виде таблицы???? Я вижу по картинке, что вы выводите только название и ее значение.... а все вместе????     мой магазин в стадии теста и разработки  http://abc033.storel...atalog/Pugovicy

#10 Владимир Москва

Владимир Москва

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

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

Отправлено 04 Октябрь 2013 - 15:32

Просмотр сообщенияotdyh-i-son.ru (05 Июнь 2013 - 12:56) писал:

Да, в принципе, то, что нужно, а как сделать списк модификаций со скролом?? а то так получается некрасиво и длинно очень, скрин:
Я так понимаю что для моего шаблона СИЯНИЕ требуется другой год!? так как после внедрения этого кода у меня все сбилось в кучу, см картинку...

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

  • 1.jpg
  • 2.jpg


#11 Владимир Москва

Владимир Москва

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

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

Отправлено 04 Октябрь 2013 - 15:40

Помогите вывести Модификации в каталоге категорий товаров  в таком виде как на картинках , мой  http://abc033.storel...atalog/Pugovicy

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

  • Вид представления товара в категории таблица.jpg
  • Вид представления товара в категории.jpg


#12 support 2.0

support 2.0

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

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

Отправлено 04 Октябрь 2013 - 21:57

Просмотр сообщенияВладимир Москва (04 Октябрь 2013 - 15:40) писал:

Помогите вывести Модификации в каталоге категорий товаров  в таком виде как на картинках , мой  http://abc033.storel...atalog/Pugovicy
В файле mainc.css найдите
.goodsListItemBlock				 {height: 300px;width:210px;margin:5px;overflow:hidden;}
замените на
.goodsListItemBlock				 {height: 400px;width:210px;margin:5px;overflow:hidden;}

В том же файле вставьте
.mods {
	 display: block;
	 font-size: 11px;
	 width: 90%;
	 margin: 0 auto;
	 margin-top: 10px;
}
.mods .zn {
	 font-weight: bold;
}

найдите блок
.listing .contm {position: relative;
display: inline;
float: left;
width: 435px;
}
замените на
.listing .contm {position: relative;
display: inline;
float: left;
width: 165px;
}

Теперь в шаблоне Товары сразу после
	 <!-- Список товаров. Таблица -->
	 <table>
	 <tr>
		 {% FOR goods %}
		 <td class="goodsListItem">
			 <div class="goodsListItemBlock withBorder cornerAll">
			 <table class="goodsListItemImage">
				 <tr>
				 <td>
					 <a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
				 </td>
				 </tr>
			 </table>
			
			 <h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			
			 <div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </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>
вставьте
<div class="mods">
					 {% FOR mods %}
								 <div class="zn">
										 {%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}цена: {goods.mods.PRICE_NOW}руб. <br> <br>
								 </div>
					 {% ENDFOR %}
					 </div>
.goodsListItemBlock				 {height: 350px;width:210px;margin:5px;overflow:hidden;}

теперь найдите
	 <!-- Список товаров. Список -->
	 {% FOR goods %}
	 <div class="listing">
		 <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img class="goods-image-small" {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>

		 <div class="contm">
		 <h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
		 <p>
			 {goods.DESCRIPTION_SHORT}
		 </p>
		 <p>
			 Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			 {% 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><br />
			 <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			 {% 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 %}
		 </p>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <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;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Купить</a>
			 </p>
		 </form>
		 <p>
			 <a class="readmore" title="{goods.NAME}" href="{goods.URL}">Подробнее</a>
		 </p>
</div>
сразу после него вставьте
<div> <div class="mods">
			
					 {% FOR mods %}
							
							
								 <div class="zn" style="float: left;">
										 {%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}цена: {goods.mods.PRICE_NOW}руб. <br> <br>
								 </div>
								
								
								
								
							
					 {% ENDFOR %}
					
					 </div>

Отображение не совсем такое как на Вашем скриншоте, но поставьте пока так, потом можно будет подкорректировать

#13 Владимир Москва

Владимир Москва

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

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

Отправлено 05 Октябрь 2013 - 00:18

Огромное Спасибо! Получилось! Вот как это выглядит:

Понятно. что "Цена сейчас"-..... нужно удалить! Но это уже мелочи.. А Шрифт и цвет думаю зеленый в общий стиль темы будет уместным! Оля! Вы супер! Очень радостно )). Спасибо
Научиться бы теперь все это двигать и изменять цвет шрифта! Где все это делается?

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

  • Вывод значений модификаций 1.jpg
  • Вывод значений модификаций 2.jpg


#14 Владимир Москва

Владимир Москва

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

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

Отправлено 05 Октябрь 2013 - 01:13

Шрифт поменял на Italic и убрал слово ЦЕНА, (и так понятно) . вместо слова поставил прос дефис, стало хорошо, на мой взгляд. А вот цвет шрифта не получилось поменять((

#15 Vaccina

Vaccina

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

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

Отправлено 05 Октябрь 2013 - 04:49

где вы меняли стиль шрифта там же добавьте стиль color с необходимым значением, например:

color:#000000;


#16 support 2.0

support 2.0

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

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

Отправлено 05 Октябрь 2013 - 18:32

Просмотр сообщенияВладимир Москва (05 Октябрь 2013 - 00:18) писал:

Огромное Спасибо! Получилось! Вот как это выглядит:

Понятно. что "Цена сейчас"-..... нужно удалить! Но это уже мелочи.. А Шрифт и цвет думаю зеленый в общий стиль темы будет уместным! Оля! Вы супер! Очень радостно )). Спасибо
Научиться бы теперь все это двигать и изменять цвет шрифта! Где все это делается?
В шаблоне Товары удалите
		 <p>
			 Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			 {% 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><br />
			 <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			 {% 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 %}
		 </p>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <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}" />
			
			 </p>
		 </form>
и этот блок
<div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </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>

теперь найдите
<div> <div class="mods">																 {% FOR mods %}																																												 <div class="zn" style="float: left;">																				 {%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}- {goods.mods.PRICE_NOW} руб. <br> <br>																 </div>																																																																																								 {% ENDFOR %}																				 </div>
		 <div class="clr"></div>
	 </div>
	 {% ENDFOR %}
	 <!-- /Список товаров. Список -->
измените на
	 <div style="margin-top:20px;">
		 {% FOR mods%}
	 <div class="mods_sp"> <br>
	 <p class="zn">
	 {%FOR v %}
		 {goods.mods.v.NAME}: {goods.mods.v.VALUE} - {goods.mods.PRICE_NOW | money_format}
			 {% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}
			 {% ELSEIF goods.mods.PRICE_OLD >goods.mods.PRICE_NOW %}<span class="lineThrough">({goods.mods.PRICE_OLD | money_format})</span>{% ENDIF %},
			 <span style="color:#000;font-weight: normal !important;">в наличии {goods.mods.REST_VALUE}{goods.mods.MEASURE_NAME}</span>
	 </p> {%ENDFOR%}
</div>
{% ENDFOR %}
	 </div>


		 <div class="clr"></div>
	 </div>
	 {% ENDFOR %}
	 <!-- /Список товаров. Список -->

далее найдите
<div class="mods">
					 {% FOR mods %}																
															 <div class="zn">																				 {%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}цена: {goods.mods.PRICE_NOW}руб. <br> <br>
																																																									 </div>										 {% ENDFOR %}										
																																																									 </div>
																																																																																						
			 </div>
		 </td>
		 {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR %}
	 </tr>
	 </table>
<!-- /Список товаров. Таблица -->
измените на
{% FOR mods %}
	 <div class="mods_t"> <br>
<div class="zn" style="float: left;">
{%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%} - {goods.mods.PRICE_NOW | money_format}
	 {% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}
	 {% ELSEIF goods.mods.PRICE_OLD >goods.mods.PRICE_NOW %}<span class="lineThrough">({goods.mods.PRICE_OLD | money_format})</span>{% ENDIF %},
	 <span style="color:#000;font-weight: normal !important;">в наличии {goods.mods.REST_VALUE}{goods.mods.MEASURE_NAME}</span>
</div> <br> <br>
</div>
{% ENDFOR %}
																																																																																	
			 </div>
		 </td>
		 {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR %}
	 </tr>
	 </table>
<!-- /Список товаров. Таблица -->


в main.css измените строчку
.goodsListItemBlock				 {height: 350px;width:210px;margin:5px;overflow:hidden;}
на
.goodsListItemBlock				 {height: 450px;width:210px;margin:5px;overflow:hidden;}

далее найдите
.mods {		
		 display: block;
		 font-size: 11px;
		 width: 90%;
		 margin: 0 auto;
		 margin-top: 10px;
		 color:#224506
}
.mods .zn {
		 font-weight: Italic;
}
измените на
.mods_sp {		
		 /* display: inline; */
		 font-size: 11px;
		 color:#224506;
		 position: relative;
		 width: 280px;
		 float: right;
		 font-style: Italic;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}
.mods_sp .zn {
		 font-style: Italic;
		 position: relative;
		 display: inline;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}
.mods_t {		
	 display: block;
		 font-size: 11px;
		 width: 90%;
		 margin: 0 auto;
		 margin-top: 10px;
		 color:#224506;
		 font-style: Italic;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}
.mods_t .zn {
		 font-style: Italic;
		 position: relative;
		 display: inline;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}

Должно получиться примерно как на моем скриншоте. Цвета можно будет все изменить
Кол-во в карточке товара можно изменить на "Все в наличии ****шт". Тогда не будет вопросов почему там общее кол-во. Или Вам в карточке товара все же нужно кол-во каждой модификации?

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

  • ScreenShot 439.png
  • ScreenShot 440.png


#17 Владимир Москва

Владимир Москва

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

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

Отправлено 07 Октябрь 2013 - 01:34

Да! Все получилось! Большое спасибо, вот только не смог уменьшить расстояние между строчек(((, как это сделать?

#18 ne_yana

ne_yana

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

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

Отправлено 07 Октябрь 2013 - 09:45

Просмотр сообщенияВладимир Москва (07 Октябрь 2013 - 01:34) писал:

Да! Все получилось! Большое спасибо, вот только не смог уменьшить расстояние между строчек(((, как это сделать?

Доброе утро, найдите в файле main.css
.mods_sp .zn {
font-style: Italic;
position: relative;
display: inline;
color: #390;
font-weight: 800;
font-size: 11px !important;
}

замените на
.mods_sp .zn {
line-height: 11px;
font-style: Italic;
position: relative;
display: inline;
color: #390;
font-weight: 800;
font-size: 11px !important;
}


#19 Владимир Москва

Владимир Москва

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

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

Отправлено 07 Октябрь 2013 - 15:05

Просмотр сообщенияsupport 2.0 (05 Октябрь 2013 - 18:32) писал:

В шаблоне Товары удалите
		 <p>
			 Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			 {% 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><br />
			 <span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			 {% 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 %}
		 </p>
		 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
			 <p>
			 <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}" />
			
			 </p>
		 </form>
и этот блок
<div class="goodsListItemPriceNew">
				 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
			 </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>

теперь найдите
<div> <div class="mods">																 {% FOR mods %}																																												 <div class="zn" style="float: left;">																				 {%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}- {goods.mods.PRICE_NOW} руб. <br> <br>																 </div>																																																																																								 {% ENDFOR %}																				 </div>
		 <div class="clr"></div>
	 </div>
	 {% ENDFOR %}
	 <!-- /Список товаров. Список -->
измените на
	 <div style="margin-top:20px;">
		 {% FOR mods%}
	 <div class="mods_sp"> <br>
	 <p class="zn">
	 {%FOR v %}
		 {goods.mods.v.NAME}: {goods.mods.v.VALUE} - {goods.mods.PRICE_NOW | money_format}
			 {% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}
			 {% ELSEIF goods.mods.PRICE_OLD >goods.mods.PRICE_NOW %}<span class="lineThrough">({goods.mods.PRICE_OLD | money_format})</span>{% ENDIF %},
			 <span style="color:#000;font-weight: normal !important;">в наличии {goods.mods.REST_VALUE}{goods.mods.MEASURE_NAME}</span>
	 </p> {%ENDFOR%}
</div>
{% ENDFOR %}
	 </div>


		 <div class="clr"></div>
	 </div>
	 {% ENDFOR %}
	 <!-- /Список товаров. Список -->

далее найдите
<div class="mods">
					 {% FOR mods %}																
															 <div class="zn">																				 {%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%}цена: {goods.mods.PRICE_NOW}руб. <br> <br>
																																																									 </div>										 {% ENDFOR %}										
																																																									 </div>
																																																																																						
			 </div>
		 </td>
		 {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR %}
	 </tr>
	 </table>
<!-- /Список товаров. Таблица -->
измените на
{% FOR mods %}
	 <div class="mods_t"> <br>
<div class="zn" style="float: left;">
{%FOR v %}{goods.mods.v.NAME}: {goods.mods.v.VALUE} {%ENDFOR%} - {goods.mods.PRICE_NOW | money_format}
	 {% IF goods.mods.PRICE_NOW_WITHOUT_DISCOUNT>goods.mods.PRICE_NOW %}{goods.mods.PRICE_NOW_WITHOUT_DISCOUNT | money_format}
	 {% ELSEIF goods.mods.PRICE_OLD >goods.mods.PRICE_NOW %}<span class="lineThrough">({goods.mods.PRICE_OLD | money_format})</span>{% ENDIF %},
	 <span style="color:#000;font-weight: normal !important;">в наличии {goods.mods.REST_VALUE}{goods.mods.MEASURE_NAME}</span>
</div> <br> <br>
</div>
{% ENDFOR %}
																																																																																	
			 </div>
		 </td>
		 {% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		 {% ENDFOR %}
	 </tr>
	 </table>
<!-- /Список товаров. Таблица -->


в main.css измените строчку
.goodsListItemBlock				 {height: 350px;width:210px;margin:5px;overflow:hidden;}
на
.goodsListItemBlock				 {height: 450px;width:210px;margin:5px;overflow:hidden;}

далее найдите[size=4]
[/size]
.mods {		
		 display: block;
		 font-size: 11px;
		 width: 90%;
		 margin: 0 auto;
		 margin-top: 10px;
		 color:#224506
}
.mods .zn {
		 font-weight: Italic;
}
измените на
.mods_sp {		
		 /* display: inline; */
		 font-size: 11px;
		 color:#224506;
		 position: relative;
		 width: 280px;
		 float: right;
		 font-style: Italic;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}
.mods_sp .zn {
		 font-style: Italic;
		 position: relative;
		 display: inline;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}
.mods_t {		
	 display: block;
		 font-size: 11px;
		 width: 90%;
		 margin: 0 auto;
		 margin-top: 10px;
		 color:#224506;
		 font-style: Italic;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}
.mods_t .zn {
		 font-style: Italic;
		 position: relative;
		 display: inline;
		 color: #390;
		 font-weight: 800;
		 font-size: 11px !important;
}

Должно получиться примерно как на моем скриншоте. Цвета можно будет все изменить
Кол-во в карточке товара можно изменить на "Все в наличии ****шт". Тогда не будет вопросов почему там общее кол-во. Или Вам в карточке товара все же нужно кол-во каждой модификации?
Очень хочу продемонстрировать что у меня получилось. Есть одно пожелание, но не нашел как корректно это сделать! Речь идет о том чтобы "рубль" "рубля" "рублей" заменить на простое   "руб." Подскажите как корректно это сделать???

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

  • руб и точка.jpg


#20 support 2.0

support 2.0

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

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

Отправлено 07 Октябрь 2013 - 15:52

Просмотр сообщенияВладимир Москва (07 Октябрь 2013 - 15:05) писал:

Очень хочу продемонстрировать что у меня получилось. Есть одно пожелание, но не нашел как корректно это сделать! Речь идет о том чтобы "рубль" "рубля" "рублей" заменить на простое   "руб." Подскажите как корректно это сделать???

В разделе настройки -> валюты найдите "изменение окончания в зависимости от цены" -> оставьте эти 3 поля пустыми

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

  • ScreenShot 443.png
  • ScreenShot 444.png





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

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