Слайдер для сайта drupal 7

И так сегодня я не буду изобретать велосипед, я попробую реализовать слайдер по примеру реализованного.  С расширением  возможностей. Сразу скажу что это будет реализовываться на drupal 7.

professional_theme.info – в данном файле который идет в каждой теме для drupal 7

D:\slaeder-dlya-saeta-01.jpg

Находим раздел который отвечает за слайдер для сайта, как видите там настроено на листание трех картинок с Заголовком, Описанием, и урлом.

Ну я немного изменил данный код и добавил вот такие поля:

D:\slaeder-dlya-saeta-02.jpg

Далее мне нужно найти остальные файлы с кодом что бы заработал слайдер для сайта

Через поиск ищем slide1_head

D:\slaeder-dlya-saeta-03.jpg

И мы находим три файла которые помогают работать слайдеру для сайта

professional_theme.info

page.tpl.php

theme-settings.php

Начнем с Первого файла, открываем его в notepad++ или phpDesigner для удобства просмотра  и ищем там то что нам надо slide1_head

Как оказалось в первом файле мы уже были, приступим к поиску в следующем файле.

D:\slaeder-dlya-saeta-04.jpg

D:\slaeder-dlya-saeta-05.jpg

И уточняем поиск без слова head просто ищем slide1.

D:\slaeder-dlya-saeta-06.jpg

Вот что мы нашли, здесь необходимо повторить все но так как нам надо

D:\slaeder-dlya-saeta-07.jpg

D:\slaeder-dlya-saeta-08.jpg

D:\slaeder-dlya-saeta-09.jpg

Не забываем сохранить изменения и продолжаем работать, но уже с третьим файлом.

D:\slaeder-dlya-saeta-10.jpg

Здесь необходимо аккуратно все изменить ничего не пропустив.

Вот что мы  в итоге получили D:\slaeder-dlya-saeta-11.jpg

Ну и в самом файле style.css мы редактируем все что нам надо и выводим как нам надо.

Забыл сказать что данный слайдер работает с помощью скрипов

Подключаются они вот таким способом

if (drupal_is_front_page()) {

  drupal_add_js(drupal_get_path(‘theme’, ‘professional_theme’) . ‘/js/jquery.flexslider-min.js’);

  drupal_add_js(drupal_get_path(‘theme’, ‘professional_theme’) . ‘/js/slide.js’);}