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


Фото В Модификации

Автор dostypno, 12 янв. 2015 15:04

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

#1 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 15:04

Как сделать что бы при выборе модификации, менялось фото товара?
http://applesaratov....mod_id=67766555 например как здесь (тоже на стореленде сделано)?

#2 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 15:13

Просмотр сообщенияdostypno (12 Январь 2015 - 15:04) писал:

Как сделать что бы при выборе модификации, менялось фото товара?
http://applesaratov....mod_id=67766555 например как здесь (тоже на стореленде сделано)?
Здравствуйте. Ссылка, которую Вы указали ведет на Ваш сайт. Смена фото, о которой Вы говорите, вероятнее всего выполнена с помощью стороннего скрипта.

#3 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 15:39

http://applesaratov....mod_id=67766555 Извините, я имел ввиду этот сайт.

#4 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 16:01

Просмотр сообщенияdostypno (12 Январь 2015 - 15:39) писал:

http://applesaratov....mod_id=67766555 Извините, я имел ввиду этот сайт.
Для подобного вывода изображений Вам нужно в описании модификаций добавить 
<img src="ссылка">
заменив слово ссылка на ссылку на изображение.

#5 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 16:05

Просмотр сообщенияAlekseys (12 Январь 2015 - 16:01) писал:

Для подобного вывода изображений Вам нужно в описании модификаций добавить
<img src="ссылка">
заменив слово ссылка на ссылку на изображение.
а реально как то сделать что бы выбор осуществлялся по клику на фото?

#6 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 16:08

Просмотр сообщенияdostypno (12 Январь 2015 - 16:05) писал:

а реально как то сделать что бы выбор осуществлялся по клику на фото?
Уточните пожалуйста, что именно Вы имеете в виду.

#7 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 16:19

Просмотр сообщенияAlekseys (12 Январь 2015 - 16:08) писал:

Уточните пожалуйста, что именно Вы имеете в виду.
А можно блок описания модификаций перенести под фото товара?

#8 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 16:27

Просмотр сообщенияdostypno (12 Январь 2015 - 16:19) писал:

А можно блок описания модификаций перенести под фото товара?
В шаблоне Товар перенесите блок
<!-- Блок описания модификации -->
			<div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			  <div class="delivery fnt12n txtalgnlft">
				<div class="variant">
				  <div class="info">{GOODS_MOD_DESCRIPTION}</div>
				</div>
			  </div>
			</div>
поставив его перед
</div>
	  <div class="rightpart">

#9 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 16:53

Просмотр сообщенияAlekseys (12 Январь 2015 - 16:27) писал:

В шаблоне Товар перенесите блок
<!-- Блок описания модификации -->
		 <div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			 <div class="delivery fnt12n txtalgnlft">
			 <div class="variant">
				 <div class="info">{GOODS_MOD_DESCRIPTION}</div>
			 </div>
			 </div>
		 </div>
поставив его перед
</div>
	 <div class="rightpart">
извините что надоедаю, а можно блок описания доставки поставить под фото товара?

#10 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 17:14

Я сам переставил, как теперь выровнять текст в блоке доставки так что бы было по середине?

#11 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 17:30

Просмотр сообщенияdostypno (12 Январь 2015 - 17:14) писал:

Я сам переставил, как теперь выровнять текст в блоке доставки так что бы было по середине?
В шаблоне Товар перенесите
<!-- Условия доставки -->
		 <div class="block">
			 <div class="delivery fnt12n txtalgnlft">
			 <p class="fnt12b">
				 Условия доставки
			 </p>
			 <!-- Способ -->
			 {% FOR goods_delivery %}
				 <div class="variant">
				 <div class="title fnt12b" rel="{goods_delivery.ID}">
					 Вариант {goods_delivery.index}: {goods_delivery.NAME}
				 </div>
				 <div class="info">
					 {goods_delivery.DESC}
				 </div>
				 {% IF goods_delivery.rules_empty %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки: {goods_delivery.PRICE | money_format}
					 </div>
				 {% ELSE %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки зависит от суммы заказа:
					 </div>
					 <div class="history" style="padding:0;">
					 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
					 <tr class="title">
						 <td>
						 Для заказов больше
						 </td>
						 <td width="30%">
						 Стоимость
						 </td>
					 </tr>
					 {% FOR rules %}
						 <tr class="delivery">
						 <td class="txtalgnlft">
							 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
						 </td>
						 <td class="last">
							 {goods_delivery.rules.PRICE | money_format}
						 </td>
						 </tr>
					 {% ENDFOR %}
					 <tr class="delivery">
						 <td class="old txtalgnlft fnt10n">
						 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
						 </td>
						 <td class="last">
						 {goods_delivery.PRICE | money_format}
						 </td>
					 </tr>
					 </table>
					 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 <!-- Способ-Конец -->
			 </div>
		 </div>
		 <!-- Условия доставки-Конец -->
поставив его перед
<!-- Описание -->
и добавив в main.css
.delivery.fnt12n.txtalgnlft {
margin-left: 20px;
}

#12 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 17:32

Просмотр сообщенияAlekseys (12 Январь 2015 - 17:30) писал:

В шаблоне Товар перенесите
<!-- Условия доставки -->
		 <div class="block">
			 <div class="delivery fnt12n txtalgnlft">
			 <p class="fnt12b">
				 Условия доставки
			 </p>
			 <!-- Способ -->
			 {% FOR goods_delivery %}
				 <div class="variant">
				 <div class="title fnt12b" rel="{goods_delivery.ID}">
					 Вариант {goods_delivery.index}: {goods_delivery.NAME}
				 </div>
				 <div class="info">
					 {goods_delivery.DESC}
				 </div>
				 {% IF goods_delivery.rules_empty %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки: {goods_delivery.PRICE | money_format}
					 </div>
				 {% ELSE %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки зависит от суммы заказа:
					 </div>
					 <div class="history" style="padding:0;">
					 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
					 <tr class="title">
						 <td>
						 Для заказов больше
						 </td>
						 <td width="30%">
						 Стоимость
						 </td>
					 </tr>
					 {% FOR rules %}
						 <tr class="delivery">
						 <td class="txtalgnlft">
							 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
						 </td>
						 <td class="last">
							 {goods_delivery.rules.PRICE | money_format}
						 </td>
						 </tr>
					 {% ENDFOR %}
					 <tr class="delivery">
						 <td class="old txtalgnlft fnt10n">
						 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
						 </td>
						 <td class="last">
						 {goods_delivery.PRICE | money_format}
						 </td>
					 </tr>
					 </table>
					 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 <!-- Способ-Конец -->
			 </div>
		 </div>
		 <!-- Условия доставки-Конец -->
поставив его перед
<!-- Описание -->
Алексей я имел ввиду текст что бы выровнять не по левому краю как он сейчас, а по середине блока в котором он находиться.
http://autopilot-sty...nyaya-spinka-40

#13 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 17:38

Просмотр сообщенияdostypno (12 Январь 2015 - 17:32) писал:

Алексей я имел ввиду текст что бы выровнять не по левому краю как он сейчас, а по середине блока в котором он находиться.
http://autopilot-sty...nyaya-spinka-40
В main.css замените
.txtalgnlft {
text-align: left;
}
на
.txtalgnlft {
text-align: center;
}

#14 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 18:46

Просмотр сообщенияAlekseys (12 Январь 2015 - 17:38) писал:

В main.css замените
.txtalgnlft {
text-align: left;
}
на
.txtalgnlft {
text-align: center;
}
У меня возникла проблема, на странице http://autopilot-sty...nyaya-spinka-40 фотография модификации товара по середине, вібираю другую модификацию фото смещается в левый край, как сделать что бы все время было по середине?

#15 Alekseys

Alekseys

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

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

Отправлено 12 Январь 2015 - 18:54

Просмотр сообщенияdostypno (12 Январь 2015 - 18:46) писал:

У меня возникла проблема, на странице http://autopilot-sty...nyaya-spinka-40 фотография модификации товара по середине, вібираю другую модификацию фото смещается в левый край, как сделать что бы все время было по середине?
В main.css добавьте
.block.goodsDataMainModificationsDescriptionBlock div {
width: 300px;
margin: auto;
}

#16 dostypno

dostypno

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

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

Отправлено 12 Январь 2015 - 21:10

Просмотр сообщенияAlekseys (12 Январь 2015 - 18:54) писал:

В main.css добавьте
.block.goodsDataMainModificationsDescriptionBlock div {
width: 300px;
margin: auto;
}
Спасибо!
Обратно в Шаблон Пластик


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. Privacy Policy