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


Карусель Брендов В Левое Меню


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

#21 korki

korki

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

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

Отправлено 17 Ноябрь 2015 - 16:15

Просмотр сообщенияЮля123 (16 Ноябрь 2015 - 13:49) писал:

На сколько я вижу, это тот же слайдер. Тогда Вам необходимо загрузить файлы, которые указаны в сообщении №4.
Так что нужно сделать после того как загрузил файлы?

#22 Юля123

Юля123

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

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

Отправлено 18 Ноябрь 2015 - 11:36

Просмотр сообщенияkorki (17 Ноябрь 2015 - 16:15) писал:

Так что нужно сделать после того как загрузил файлы?


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

Чтобы установить  другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js

Из шаблона HTML удалите код:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-1.4.2.min.js"></script>

А так же:

<script type="text/javascript">
$(document).ready(function()
{
$('#slider1').tinycarousel({
axis : "y"
, animation : true
, interval: true
});
});
</script>
<div id="slider1">
<a class="buttons prev" href="#">&#60;</a>
<div class="viewport">
<ul class="overview">
			 <li><img src="{ASSETS_IMAGES_PATH}sboku.jpg" /></li>
			 <li><img src="{ASSETS_IMAGES_PATH}sboku2.jpg" /></li>
</ul>
</div>
<a class="buttons next" href="#">&#62;</a>
</div>

Устанавливаем другой слайдер:

1) скачайте файл:

Прикрепленный файл  adaptive_slider_na_css3_and_jquery.zip   6,7К   109 Количество загрузок:

2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.

3) после кода:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquerymin_1.11.1.js?design=chameleon"></script>

добавьте код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}slider.css" type="text/css" />

4) затем поле кода:
<!-- /Каталог товаров -->

добавьте код:

<!-- Слайдер Карусель Брендов -->
<div align=center><div class="flex-container">
<div class="slider_brand">
<ul class="slides">
<li>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" /></a>

</li>

<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />

</li>

</ul>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.slider_brand').flexslider({
animation: 'fade',
controlsContainer: '.flexslider'
});
});
</script>
<!-- /Слайдер Карусель Брендов-->


Замените ссылки на изображения на нужные Вам.


слайдер будет Выглядеть следующим образом:
QIP Shot - Screen 001.png

#23 korki

korki

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

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

Отправлено 18 Ноябрь 2015 - 18:21

Просмотр сообщенияЮля123 (18 Ноябрь 2015 - 11:36) писал:

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

Чтобы установить  другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js

Из шаблона HTML удалите код:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-1.4.2.min.js"></script>

А так же:

<script type="text/javascript">
$(document).ready(function()
{
$('#slider1').tinycarousel({
axis : "y"
, animation : true
, interval: true
});
});
</script>
<div id="slider1">
<a class="buttons prev" href="#">&#60;</a>
<div class="viewport">
<ul class="overview">
			 <li><img src="{ASSETS_IMAGES_PATH}sboku.jpg" /></li>
			 <li><img src="{ASSETS_IMAGES_PATH}sboku2.jpg" /></li>
</ul>
</div>
<a class="buttons next" href="#">&#62;</a>
</div>

Устанавливаем другой слайдер:

1) скачайте файл:

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

2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.

3) после кода:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquerymin_1.11.1.js?design=chameleon"></script>

добавьте код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}slider.css" type="text/css" />

4) затем поле кода:
<!-- /Каталог товаров -->

добавьте код:

!-- Слайдер Карусель Брендов -->
<div align=center><div class="flex-container">
<div class="slider_brand">
<ul class="slides">
<li>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" /></a>

</li>

<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />

</li>

</ul>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.slider_brand').flexslider({
animation: 'fade',
controlsContainer: '.flexslider'
});
});
</script>
<!-- /Слайдер Карусель Брендов-->


Замените ссылки на изображения на нужные Вам.


слайдер будет Выглядеть следующим образом:
Прикрепленный файл QIP Shot - Screen 001.png
К сожалению не получилось как в примере. И выдает JS ошибку ко всему прочему.. см вложение

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

  • Снимок экрана 2015-11-18 в 18.20.18.png


#24 korki

korki

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

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

Отправлено 20 Ноябрь 2015 - 09:14

Просмотр сообщенияЮля123 (18 Ноябрь 2015 - 11:36) писал:

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

Чтобы установить  другой слайдер, удалите файлы для установки
- tinycarousel.css
- jquery.tinycarousel.js
- jquery.tinycarousel.min.js

Из шаблона HTML удалите код:

<link rel="stylesheet" href="{ASSETS_STYLES_PATH}website.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-1.4.2.min.js"></script>

А так же:

<script type="text/javascript">
$(document).ready(function()
{
$('#slider1').tinycarousel({
axis : "y"
, animation : true
, interval: true
});
});
</script>
<div id="slider1">
<a class="buttons prev" href="#">&#60;</a>
<div class="viewport">
<ul class="overview">
			 <li><img src="{ASSETS_IMAGES_PATH}sboku.jpg" /></li>
			 <li><img src="{ASSETS_IMAGES_PATH}sboku2.jpg" /></li>
</ul>
</div>
<a class="buttons next" href="#">&#62;</a>
</div>

Устанавливаем другой слайдер:

1) скачайте файл:

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

2) разархивируйте его и добавьте файлы (slider и jquery.flexslider-min ) в ваш шаблон.

3) после кода:

<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}jquerymin_1.11.1.js?design=chameleon"></script>

добавьте код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}slider.css" type="text/css" />

4) затем поле кода:
<!-- /Каталог товаров -->

добавьте код:

<!-- Слайдер Карусель Брендов -->
<div align=center><div class="flex-container">
<div class="slider_brand">
<ul class="slides">
<li>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" /></a>

</li>

<li>
<img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />

</li>

</ul>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.slider_brand').flexslider({
animation: 'fade',
controlsContainer: '.flexslider'
});
});
</script>
<!-- /Слайдер Карусель Брендов-->


Замените ссылки на изображения на нужные Вам.


слайдер будет Выглядеть следующим образом:
Прикрепленный файл QIP Shot - Screen 001.png
Есть каике-то предложения, что можно сделать?

#25 Юля123

Юля123

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

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

Отправлено 20 Ноябрь 2015 - 13:43

Просмотр сообщенияkorki (20 Ноябрь 2015 - 09:14) писал:

Есть каике-то предложения, что можно сделать?

Здравствуйте, извините за долгое ожидание, найдите в шаблоне HTML код:

!-- /Слайдер Карусель Брендов -->

и замените его на код:

<!-- /Слайдер Карусель Брендов -->


#26 korki

korki

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

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

Отправлено 20 Ноябрь 2015 - 14:32

Просмотр сообщенияЮля123 (20 Ноябрь 2015 - 13:43) писал:

Здравствуйте, извините за долгое ожидание, найдите в шаблоне HTML код:

!-- /Слайдер Карусель Брендов -->

и замените его на код:

<!-- /Слайдер Карусель Брендов -->
Спасибо, заменил. Текст над баннером исчез, но картинки не появились. И ошибка осталась.

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

  • Снимок экрана 2015-11-20 в 14.31.37.png


#27 Юля123

Юля123

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

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

Отправлено 20 Ноябрь 2015 - 15:14

Просмотр сообщенияkorki (20 Ноябрь 2015 - 14:32) писал:

Спасибо, заменил. Текст над баннером исчез, но картинки не появились. И ошибка осталась.

Восстановите бекап за 18.11.2015 16:30:02, затем произведите все инструкции заново, кроме одного пункта, не нужно удалять файл   jquery.tinycarousel.min.js

#28 korki

korki

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

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

Отправлено 20 Ноябрь 2015 - 15:23

Просмотр сообщенияЮля123 (20 Ноябрь 2015 - 15:14) писал:

Восстановите бекап за 18.11.2015 16:30:02, затем произведите все инструкции заново, кроме одного пункта, не нужно удалять файл   jquery.tinycarousel.min.js
Ура! Спасибо, сработало!

#29 korki

korki

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

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

Отправлено 20 Ноябрь 2015 - 16:00

Просмотр сообщенияЮля123 (20 Ноябрь 2015 - 15:14) писал:

Восстановите бекап за 18.11.2015 16:30:02, затем произведите все инструкции заново, кроме одного пункта, не нужно удалять файл   jquery.tinycarousel.min.js
ТОлько вот центральный слайдер съехал вправо... ))

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

  • Снимок-экрана-2015-11-20-в-15.53.02.jpg


#30 Юля123

Юля123

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

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

Отправлено 20 Ноябрь 2015 - 16:47

Просмотр сообщенияkorki (16 Ноябрь 2015 - 14:21) писал:

Загрузил. Ничего не поменялось.

В main.css найдите код:

#module_area{width:120%;margin:0 auto;}


и замените на:
#module_area{width:100%;margin:0 auto;}


#31 korki

korki

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

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

Отправлено 20 Ноябрь 2015 - 18:55

Просмотр сообщенияЮля123 (20 Ноябрь 2015 - 16:47) писал:

В main.css найдите код:

#module_area{width:120%;margin:0 auto;}


и замените на:
#module_area{width:100%;margin:0 auto;}
Спасибо!




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

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