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


Переделка Под Осень


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

#61 Vaccina

Vaccina

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

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

Отправлено 31 Декабрь 2013 - 02:23

Вам необходимо установить карусель по сл.инструкции:
http://forum.storela...ресных-предлож/

Только вместо изменений товаров в разделе HTML, вы заходите в раздел Товар, находите:
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
												 {% IFNOT goods_images_empty %}
												 {% FOR goods_images %}
												 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
												 {% IF goods_images.first %}
												 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
														 {% ENDIF %}
														 <!-- Уменьшенное изображение товара -->
														 <div class="goodsDataMainImagesIcon left">
															  <a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
																 <!-- Идентификатор изображения товара, используется для галереи изображений -->
																 <input type="hidden" rel="{goods_images.ID}" />
														 </div>
														 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
														 {% IF goods_images.last %}
												 </div>
												 {% ENDIF %}
												 {% ENDFOR %}
												 {% ENDIF %}
и меняете на:
<!-- Другие изображения товара. Отображаются если есть изображения товара -->
												 {% IFNOT goods_images_empty %}
			 <div id="slider-code">
								  <a class="buttons prev" href="#">left</a>
								  <div class="viewport">
										 <ul class="overview">
												 {% FOR goods_images %}
			  <li>
												 <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
												 {% IF goods_images.first %}
												 <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
														 {% ENDIF %}
														 <!-- Уменьшенное изображение товара -->
														 <div class="goodsDataMainImagesIcon left">
															  <a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
																 <!-- Идентификатор изображения товара, используется для галереи изображений -->
																 <input type="hidden" rel="{goods_images.ID}" />
														 </div>
														 <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
														 {% IF goods_images.last %}
												 </div>
												 {% ENDIF %}
			 </li>
												 {% ENDFOR %}
			  </ul>
								 </div>
								 <a class="buttons next" href="#">right</a>
						   </div>
												 {% ENDIF %}


#62 puncherstore

puncherstore

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

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

Отправлено 10 Январь 2014 - 15:17

Сделал, но все сломалось, на страницах теперь полный бардак

http://puncherstoret...ods/The-Warrior

Вроде ничего не пропустил

Еще вопрос, как мне сделать один в один как в шаблоне осень, в том числе и стили?

#63 puncherstore

puncherstore

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

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

Отправлено 11 Январь 2014 - 19:22

аааааа помогите все сломанное так и висит, как исправить?


http://puncherstoret...ods/The-Warrior

#64 Vaccina

Vaccina

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

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

Отправлено 14 Январь 2014 - 05:38

Вы инструкцию всю выполнили? Проверьте внимательней:
http://forum.storela...ресных-предлож/

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

#65 puncherstore

puncherstore

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

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

Отправлено 15 Январь 2014 - 21:30

Проверю, отпишусь

#66 puncherstore

puncherstore

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

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

Отправлено 17 Январь 2014 - 09:57

Хм, проверил еще раз, все сделано по инструкции 4 сообщения. Один в один, файлы все загружены, но не работает

#67 Vaccina

Vaccina

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

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

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

ну на данный момент я у вас вижу нарушение структуры в шаблоне Товар.
Попробуйте вместо:

{% IFNOT goods_images_empty %}
  <div id="slider-code">
	<a class="buttons prev" href="#">left</a>
	<div class="viewport">
	  <ul class="overview">
		{% FOR goods_images %}
		  <li>
		   <!-- Заголовок и обёртка для изображений, которая позволяет не показывать уменьшенное изображение товара если оно у него лишь одно -->
		   {% IF goods_images.first %}
			  <div {% IF goods_images.length=1 %}style="display:none;"{% ENDIF %}>
		   {% ENDIF %}
			  <!-- Уменьшенное изображение товара -->
			  <div class="goodsDataMainImagesIcon left">
				<a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				<!-- Идентификатор изображения товара, используется для галереи изображений -->
				<input type="hidden" rel="{goods_images.ID}" />
			  </div>
			  <!-- В самом конце закрываем обёртку для списка маленьких изображений товара -->
			  {% IF goods_images.last %}
				</div>
			  {% ENDIF %}
		   </li>
		{% ENDFOR %}
	  </ul>
	</div>
  <a class="buttons next" href="#">right</a>
  </div>
{% ENDIF %}
										  
вставить:
{% IFNOT goods_images_empty %}
  <div id="slider-code">
	<a class="buttons prev" href="#">left</a>
	<div class="viewport">
	  <ul class="overview">
		{% FOR goods_images %}
		  <li>
			  <!-- Уменьшенное изображение товара -->
			  <div class="goodsDataMainImagesIcon left">
				<a href="{goods_images.LARGE}" rel="useZoom: 'zoom1'" class="cloud-zoom-gallery" target="_blank" title="{goods_images.NAME}"><img class="cornerAll withBorder goods-image-icon" rel="{goods_images.MEDIUM}" src="{goods_images.ICON}" alt="{goods_images.NAME}" /></a>
				<!-- Идентификатор изображения товара, используется для галереи изображений -->
				<input type="hidden" rel="{goods_images.ID}" />
			  </div>
		   </li>
		{% ENDFOR %}
	  </ul>
	</div>
  <a class="buttons next" href="#">right</a>
  </div>
{% ENDIF %}
										  
по структуре должно выровняться

Далее в website.css все #slider1 попробуйте заменить на #slider-code




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

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