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


Карусель В Левый Блок Вмсето "вы Смотрели"


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

#1 Максим2809

Максим2809

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

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

Отправлено 14 Июль 2015 - 23:09

Здравствуйте. Помогите поставить карусель в левый блок категории товаров и страницы товаров.

В вертикальном положении

Прикрепленные файлы



#2 Vaccina

Vaccina

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

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

Отправлено 15 Июль 2015 - 02:13

Инструкция по установке аналогичной карусели:
http://forum.storela...ню/#entry195461

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

#3 Максим2809

Максим2809

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

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

Отправлено 15 Июль 2015 - 10:47

Подскажите, куда поставить код

<script type="text/javascript">
$(document).ready(function()
{
$('#slider1').tinycarousel();
});
</script>
<li>
<div id="slider1">
<a class="buttons prev" href="#">&#60;</a>
<div class="viewport">
<ul class="overview">
<li><img src="ссылка на картинку" /></li>
<li><img src="ссылка на картинку" /></li>
<li><img src="ссылка на картинку" /></li>
<li><img src="ссылка на картинку" /></li>
<li><img src="ссылка на картинку" /></li>
<li><img src="ссылка на картинку" /></li>
</ul>
</div>
<a class="buttons next" href="#">&#62;</a>
</div>
</li>

этого кода у меня нет

<li class="categories">
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="cat-item">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
{% IF catalog.CURRENT %}class="selected"{% ENDIF %}
>{catalog.NAME}</a>
</li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul><br />
</li>

#4 АНКИЛЛ

АНКИЛЛ

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

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородИжевск

Отправлено 15 Июль 2015 - 10:58

Просмотр сообщенияVaccina (15 Июль 2015 - 02:13) писал:

Инструкция по установке аналогичной карусели:
http://forum.storela...ню/#entry195461

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

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

#5 Максим2809

Максим2809

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

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

Отправлено 15 Июль 2015 - 11:15

Помогите установить карусель на страницу каталога, пожалуйста

#6 Vaccina

Vaccina

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

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

Отправлено 16 Июль 2015 - 03:02

По инструкции данную карусель располагают в боковой колонке под блоком каталога товаров с категориями.
На странице каталога в карусели должны быть товары или вы вставите в нее картинки\баннеры?

#7 Максим2809

Максим2809

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

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

Отправлено 16 Июль 2015 - 10:40

Я буду вставлять картрнки

А на какой странице распологается боковая панель,  товары?

Я так понимаю, прописать скрипты карусели необходимо на странице html, а саму функцию на вывод карусели на странице товары?

#8 Максим2809

Максим2809

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

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

Отправлено 16 Июль 2015 - 10:45

в этой карусели два файла js. какой из них нужно прописывать?

#9 Vaccina

Vaccina

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

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

Отправлено 17 Июль 2015 - 01:20

Необходимо в раздел Сайт - Редактор шаблонов загрузить файл jquery.tinycarousel.js

Чтобы карусель была под боковым каталогом, то необходимо вставить код в шаблон HTML после:
<!-- Каталог товаров -->
		  {%IFNOT catalog_full_empty%}
		  <div class="catalogLowRes">
			<div class="catalogButtonLowRes ftheme-color btheme-color">Каталог</div>		   
		  </div>
		  {%ENDIF%}
		  {%IFNOT catalog_full_empty%}
			<div class="catwrp">
			  <div class="catalogheader theme-color"><a href="{CATALOG_URL}">Каталог</a></div>
			   <div class="">
				<div class="">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}" class="accAnchor {% IF catalog_full.CURRENT %}selected{% ENDIF %}">{catalog_full.NAME}</a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				  {%ENDFOR%}
				</div>
			  </div>
			</div>
		 {%ENDIF%}
		  <!-- /Каталог товаров -->

Если же на странице каталога должна отображаться, то в шаблон Товары в необходимом месте.




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

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