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


Как Отключить Карусель


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

#1 julia37

julia37

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

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

Отправлено 14 Апрель 2015 - 21:07

Как отключить карусель, оставив одну картинку и как к этой картинке прикрепить ссылку?

#2 nikon

nikon

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

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

Отправлено 14 Апрель 2015 - 22:27

Просмотр сообщенияjulia37 (14 Апрель 2015 - 21:07) писал:

Как отключить карусель, оставив одну картинку и как к этой картинке прикрепить ссылку?

Есть множество слайдеров для сайта, в данном примере мы остановимся на установке слайдера Nivo Slider на главной странице магазина. После следующих действий на вашем сайте появитсявот такой красивый слайдер.
  • Скачиваем себе на компьютер архив nyvo_slider.zip
  • Распаковываем архив на своём компьютере.
  • В бэкофисе магазина заходим в раздел «Сайт» > «Редактор шаблонов».
  • Скролим вниз до блока файлов, нажимаем кнопку «добавить файлы».
    Изображение
  • Вставляем файлы, которые распаковались из архива, в поля добавления файлов
    Изображение
  • Проверяем закачались ли эти файлы. В редакторе тем они выглядят так:
    Изображение
  • В редакторе тем открываем файл «HTML»
  • Находим следующий код, используя встроенный поиск браузера, Ctrl+f:

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

  • После него вставляем вот такой код:

    <!-- Загрузка Jquery галереи Nyvo Slider -->
    <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" />
    <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
    И нажимаем кнопку «Сохранить»
    Изображение
  • Скролим вниз файл «HTML» и находим встроенным поиском (Ctrl+f) вот такой несложный код:
    {BODY}
  • Перед ним! Вставляем вот такой код:

    <!-- Nyvo слайдер который отображается на главной -->
    {% IF index_page %}
    <!-- Обёртка, указывающая стиль темы -->
    <div class="theme-default" style="padding: 1em; display: none;">
    <!-- Непосредственный код слайдера -->
    <div id="slider">
    <img src="http://storeland.ru/...der/slider.jpg" alt="" />
    <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a>
    <img title="Пример картинки с заголовком" src="http://storeland.ru/...r/toystory.jpg" alt="" />
    <img src="http://storeland.ru/...ider/walle.jpg" alt="" />
    <img src="http://storeland.ru/...lider/cars.jpg" alt="" />
    </div>
    </div>

    <!-- Запуск слайдера -->
    <script type="text/javascript">

    $(window).load(function() {

    $('#slider').nivoSlider().parent().show(); });

    </script>

    {% ENDIF %}
    и нажимаем кнопку «Сохранить»
    Изображение
  • Заходим на главную страницу магазина и нажимаем F5 либо Ctrl+R
  • Получаем вот такой результат:
    Изображение Изображение Изображение


#3 Vaccina

Vaccina

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

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

Отправлено 15 Апрель 2015 - 00:35

Просмотр сообщенияjulia37 (14 Апрель 2015 - 21:07) писал:

Как отключить карусель, оставив одну картинку и как к этой картинке прикрепить ссылку?

В этом случае лучше удалить слайдер и вставить следующую конструкцию:
<a href="ссылка куда ведет при клике"><img src="ссылка на картинку" alt="" /></a>


#4 julia37

julia37

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

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

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

А как удалить слайдер?

А как удалить слайдер? т.е карускль

#5 Danil

Danil

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

  • Модераторы
  • 4 645 сообщений

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

Просмотр сообщенияjulia37 (15 Апрель 2015 - 12:51) писал:

А как удалить слайдер?

А как удалить слайдер? т.е карускль
Пришлите номер аккаунта и скриншот той карусели, которую нужно убрать.

#6 julia37

julia37

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

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

Отправлено 15 Апрель 2015 - 14:08

sl 340209/ стандартная карусель на шаблоне хамелеон

#7 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 15 Апрель 2015 - 14:14

Просмотр сообщенияjulia37 (15 Апрель 2015 - 14:08) писал:

sl 340209/ стандартная карусель на шаблоне хамелеон
Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css добавьте код:
.slider {
display: none;
}


#8 julia37

julia37

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

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

Отправлено 15 Апрель 2015 - 14:18

Все пропала карусель. Теперь мне нужно на её место поставить картинку и прикрепить ссылку к ней.

#9 Ирина345

Ирина345

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

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

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

Просмотр сообщенияjulia37 (15 Апрель 2015 - 14:18) писал:

Все пропала карусель. Теперь мне нужно на её место поставить картинку и прикрепить ссылку к ней.
Здравствуйте, найдите в шаблоне hTML
   {% IF index_page %}
				<div id="module_area"> 
замените на


   {% IF index_page %}
				<div id="module_area"> 
<a href="ваша ссылка"><img src="ссылка на картинку" alt="Slide 1" class="slide_img"></a>


#10 julia37

julia37

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

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

Отправлено 15 Апрель 2015 - 18:45

Не получилось

#11 Ирина345

Ирина345

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

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

Отправлено 16 Апрель 2015 - 15:28

Просмотр сообщенияjulia37 (15 Апрель 2015 - 18:45) писал:

Не получилось
Здравствуйте, найдите в hTML
<div class="slider">
  <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
<ul class="slides">
замените на
<a href="ваша ссылка"><img src="ссылка на картинку" class="slide_img"></a>
<div class="slider">
  <!-- Главная страница -->
			  {% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
<ul class="slides">


#12 julia37

julia37

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

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

Отправлено 17 Апрель 2015 - 18:34

Здравствуйте, а в ссылке на картинку что нужно указать? Название файла с картинкой?

#13 Firefly

Firefly

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

  • Модераторы
  • 3 750 сообщений

Отправлено 17 Апрель 2015 - 19:00

Просмотр сообщенияjulia37 (17 Апрель 2015 - 18:34) писал:

Здравствуйте, а в ссылке на картинку что нужно указать? Название файла с картинкой?

Здравствуйте.
Чтобы загрузить картинку зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Кнопка "Добавить файлы" и выберите изображение для загрузки.
Как только картинка загрузится, она появится в разделе Изображения. Далее справа от названия найдите иконку "Получить ссылку на файл" и нажмите на нее.
В окне выберите "Пример ссылки для шаблонов:", скопируйте и вставьте вместо (ссылка на картинку).

#14 julia37

julia37

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

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

Отправлено 17 Апрель 2015 - 19:44

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

#15 Vaccina

Vaccina

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

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

Отправлено 18 Апрель 2015 - 01:07

Для этого код картинки оберните в условие по примеру:
{% IF index_page %}
код картинки
{% ENDIF %}


#16 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 18 Декабрь 2015 - 18:59

Просмотр сообщенияFirefly (17 Апрель 2015 - 19:00) писал:

Здравствуйте.
Чтобы загрузить картинку зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Кнопка "Добавить файлы" и выберите изображение для загрузки.
Как только картинка загрузится, она появится в разделе Изображения. Далее справа от названия найдите иконку "Получить ссылку на файл" и нажмите на нее.
В окне выберите "Пример ссылки для шаблонов:", скопируйте и вставьте вместо (ссылка на картинку).
Извините, у меня не получается такой фокус: показывается только прямая ссылка на файл, и все:
Изображение

#17 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 18 Декабрь 2015 - 19:04

Помогите, пожалуйста!!

#18 RedHead

RedHead

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

  • Модератоpы
  • 1 052 сообщений

Отправлено 18 Декабрь 2015 - 19:07

Просмотр сообщенияIngleest (18 Декабрь 2015 - 18:59) писал:

Извините, у меня не получается такой фокус: показывается только прямая ссылка на файл, и все:

Здравствуйте! Вам необходимо загружать файлы во вкладке "Сайт-->Редактор шаблонов"
Внизу всех шаблонов будет кнопка "Добавить файлы".
1.png

#19 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 18 Декабрь 2015 - 19:24

Просмотр сообщенияRedHead (18 Декабрь 2015 - 19:07) писал:

Здравствуйте! Вам необходимо загружать файлы во вкладке "Сайт-->Редактор шаблонов"
Внизу всех шаблонов будет кнопка "Добавить файлы".
Прикрепленный файл 1.png
Спасибо, понял




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

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