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


Сделать Вкладки Состав И Отзывы


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

#1 Пингвин

Пингвин

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

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

Отправлено 19 Февраль 2015 - 13:14

Добрый день!
Подскажите, пожалуйста, как сделать 2 вкладки: состав и отзывы. Чтобы они были точно такого же нейтрального дизайна и с таким же шрифтом.
Отправляю 2 фото: как есть и как надо.
И соответственно как будет заполняться форма состав? через какое описание?

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

  • как надо.png
  • как есть.png


#2 Пингвин

Пингвин

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

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

Отправлено 19 Февраль 2015 - 13:21

И еще один вопрос: как сделать, чтобы название товара было вверху карточки с фото, и бренд и объем внизу? Прикрепляю фото

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

  • Скриншот 2015-02-19 13.19.29.png


#3 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

По первому пункту необходимо для начала реализовать вкладки\табы для шаблона товар по следующей инструкции:
http://forum.storela...-вкладок-табов/

По второму пункту в шаблоне Товары найдите:
{% FOR goods %}
			<td class="goodsListItem"> 
			  <div class="goodsListItemBlock withBorder1 cornerAll">
						<h3 class="goodsListItemName" style="line-height:13px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			
				<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>
		  
			 <div  class="vkarz">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm">
			  <div style="margin-top:-15px; margin-left:10px;">
				<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.MAX_PRICE_NOW_ID}" /><br>
				<a  onclick="$('#goodsListFormId{goods.MAX_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.MAX_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img src="{ASSETS_IMAGES_PATH}karz.png"  /></a>
			   </div>
			</form>
				</div>
	   
			  <div class="oldcena">
				<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}</a>
				  {% ENDIF %}
				</div> 
				</div>
		  
			
			
				  <div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
			
			
		  
			
			  </div>
		 
			</td>
			{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		  {% ENDFOR %}

замените на:
{% FOR goods %}
			<td class="goodsListItem"> 
			  <div class="goodsListItemBlock withBorder1 cornerAll">
						<h3 class="goodsListItemName" style="line-height:13px;"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			
				<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>
{% FOR goods_attr_list %}
						   {goods.goods_attr_list.NAME} - {goods.goods_attr_list.VALUE}
{% ENDFOR %}
		  
			 <div  class="vkarz">
				 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MAX_PRICE_NOW_ID}" class="goodsListForm">
			  <div style="margin-top:-15px; margin-left:10px;">
				<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.MAX_PRICE_NOW_ID}" /><br>
				<a  onclick="$('#goodsListFormId{goods.MAX_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.MAX_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину"><img src="{ASSETS_IMAGES_PATH}karz.png"  /></a>
			   </div>
			</form>
				</div>
	   
			  <div class="oldcena">
				<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}</a>
				  {% ENDIF %}
				</div> 
				</div>
		  
			
			
				  <div class="goodsListItemPriceNew">
				  <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
				</div> 
			
			
		  
			
			  </div>
		 
			</td>
			{% IFNOT goods.last %}{goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
		  {% ENDFOR %}


#4 Пингвин

Пингвин

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

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

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

Аккаунт 325506. По второму пункту изменила шаблон, но при этом в карточках ничего не поменялось. Вернула пока шаблон обратно.

#5 Ирина345

Ирина345

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

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

Отправлено 20 Февраль 2015 - 14:46

Просмотр сообщенияПингвин (20 Февраль 2015 - 10:29) писал:

Аккаунт 325506. По второму пункту изменила шаблон, но при этом в карточках ничего не поменялось. Вернула пока шаблон обратно.
Здравствуйте, произведите изменения согласно инструкции выше, и оставьте что бы можно было увидеть результат.

#6 Пингвин

Пингвин

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

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

Отправлено 10 Март 2015 - 22:50

Здравствуйте. Спасибо! Сделала вкладки. 1)Теперь надо поменять цвет на зеленый (как сделан дизайнерами). 2) И текст не помещается в рамку вкладки.
3) Также включила отзывы, но они не отображаются вкладкой. 4) И как можно сделать вкладку состав, чтобы для каждого товара отображался разный состав?

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

  • Скриншот 2015-03-10 22.48.05.png


#7 Пингвин

Пингвин

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

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

Отправлено 11 Март 2015 - 09:59

Просмотр сообщенияИрина345 (20 Февраль 2015 - 14:46) писал:

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

Очень-очень ждем вашего ответа по вкладкам.

#8 MikDark

MikDark

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

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

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

Просмотр сообщенияПингвин (10 Март 2015 - 22:50) писал:

Здравствуйте. Спасибо! Сделала вкладки. 1)Теперь надо поменять цвет на зеленый (как сделан дизайнерами). 2) И текст не помещается в рамку вкладки.
3) Также включила отзывы, но они не отображаются вкладкой. 4) И как можно сделать вкладку состав, чтобы для каждого товара отображался разный состав?

1) Вам нужно в шаблоне style2.css найти код:
.tabs label {
  background: 7A9F0B;
  background: -moz-linear-gradient(top, orange 0%, orange 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,orange), color-stop(100%,orange));
  background: -webkit-linear-gradient(top, orange 0%,orange 100%);
  background: -o-linear-gradient(top, orange 0%,orange 100%);
  background: -ms-linear-gradient(top, orange 0%,orange 100%);
  background: linear-gradient(top, orange 0%,orange 100%);
  font-size: 15px;
  line-height: 40px;
  height: 40px;
  position: relative;
  padding: 0 20px;
  float: left;
  display: block;
  width: 140px;
  color: black;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
  border-radius: 3px 3px 0 0;
  box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

и поменять слово orange на код нужного цвета.

2) Не увидели, чтобы текст не помещался. Если проблема осталась - пришлите, пожалуйста, ссылку, где можно посмотреть.




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

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