Сообщений в теме: 18

[julia37]

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

[nikon]

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
  
• Получаем вот такой результат:
  

[Vaccina]

julia37 (14 Апрель 2015 - 21:07) писал:

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

В этом случае лучше удалить слайдер и вставить следующую конструкцию:

<a href="ссылка куда ведет при клике"><img src="ссылка на картинку" alt="" /></a>

[julia37]

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

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

[Danil]

julia37 (15 Апрель 2015 - 12:51) писал:

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

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

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

[julia37]

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

[RayLi]

julia37 (15 Апрель 2015 - 14:08) писал:

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

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
В шаблоне main.css добавьте код:

.slider {
display: none;
}

[julia37]

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

[Ирина345]

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>

[julia37]

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

[Ирина345]

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">

[julia37]

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

[Firefly]

julia37 (17 Апрель 2015 - 18:34) писал:

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

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

[julia37]

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

[Vaccina]

Для этого код картинки оберните в условие по примеру:

{% IF index_page %}
код картинки
{% ENDIF %}

[Ingleest]

Firefly (17 Апрель 2015 - 19:00) писал:

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

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

[Ingleest]

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

[RedHead]

Ingleest (18 Декабрь 2015 - 18:59) писал:

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

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

[Ingleest]

RedHead (18 Декабрь 2015 - 19:07) писал:

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

Спасибо, понял