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


Фотография
- - - - -

Альтернативный макет слайдер в модуле JBZoo Item

Автор Анна , Aug 29 2017 15:30
слайдер jbzoo item

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

#1 Анна

Анна

Отправлено 29 August 2017 - 15:30

Добрый день!
Создаю свой альтернативный макет для вывода item-ов в виде слайдера slick Вот шаблон макета со слайдером

  1. <?php
  2. /**
  3.  * JBZoo App is universal Joomla CCK, application for YooTheme Zoo component
  4.  * @package     jbzoo
  5.  * @version     2.x Pro
  6.  * @author      JBZoo App http://jbzoo.com
  7.  * @copyright   Copyright (C) JBZoo.com,  All rights reserved.
  8.  * @license     http://jbzoo.com/license-pro.php JBZoo Licence
  9.  * @coder       Alexander Oganov <t_tapak@yahoo.com>
  10.  */
  11.  
  12. // no direct access
  13. defined('_JEXEC') or die('Restricted access');
  14.  
  15. $zoo->jbassets->css('modules/mod_jbzoo_item/assets/slick/slick.css');
  16. $zoo->jbassets->css('modules/mod_jbzoo_item/assets/slick/slick-theme.css');
  17. $zoo->jbassets->js('modules/mod_jbzoo_item/assets/slick/slick.js');
  18.  
  19. $items = $modHelper->getItems();
  20. $count = count($items);
  21.  
  22. if ($count) : ?>
  23.  
  24.     <div id="<?php echo $modHelper->getModuleId(); ?>" class="jbzoo yoo-zoo">
  25.         <div class="project-slide">
  26.  
  27.             <?php echo $modHelper->renderRemoveButton(); ?>
  28.  
  29.             <div>
  30.                 <?php
  31.                 foreach ($items as $item) {
  32.                     $renderer = $modHelper->createRenderer('item');
  33.                     echo $renderer->render('item.' . $modHelper->getItemLayout(), array(
  34.                         'item'   => $item,
  35.                         'params' => $params
  36.                     ));
  37.                 }
  38.                 ?>
  39.             </div>
  40.         </div>
  41.     </div>
  42.  <script type="text/javascript">
  43.     $(document).on('ready', function() {
  44.       $(".project-slide").slick({
  45.         dots: false,
  46.         infinite: true,
  47.         slidesToShow: 1,
  48.         slidesToScroll: 1,
  49. 		lazyLoad: 'ondemand'
  50.       });
  51. 	 });
  52. </script>
  53. <?php endif;

но почему-то у меня, во-первых, при таком подключении css и js ошибка 500,

а, во-вторых, у меня уже в моем шаблоне Joomla есть этот слайдер. Как мне его из шаблона подключить, а не из модуля?

 

Спасибо за оперативный ответ.


  • 0

#2 mmth

mmth

Отправлено 29 August 2017 - 18:03

  • Подробнее, это какой именно файл шаблон, и где он находится (путь до файла)
  • Можно подключать напрямую через API Joomla, вот полезная ссылка https://docs.joomla....CSS_to_the_pageи вот https://api.joomla.o...JDocument.html 
  • Где именно в шаблоне joomla они подключены, и для чего их подключать тогда повторно?

  • 2

Отличный хостинг для Jbzoo и Joomla

#3 Анна

Анна

Отправлено 29 August 2017 - 19:47

mmth сказал(а) 29 Ауг 2017 - 17:03:

 

  • Подробнее, это какой именно файл шаблон, и где он находится (путь до файла)
  • Можно подключать напрямую через API Joomla, вот полезная ссылка https://docs.joomla....CSS_to_the_pageи вот https://api.joomla.o...JDocument.html 
  • Где именно в шаблоне joomla они подключены, и для чего их подключать тогда повторно?

 

Вот тут

 

/templates/_мой_шаблон_/js/slick/slick.css

/templates/_мой_шаблон_/js/slick/slick-theme.css

/templates/_мой_шаблон_/js/slick/slick.js

 

Несмотря на то, что файлы подключаются в <head>  - этот макет в JBZoo item модуле не работает. Поэтому я пробую их подключить внутри макета modules/mod_jbzoo_item/tmpl/slider.php:

 

  1. $zoo->jbassets->css('modules/mod_jbzoo_item/assets/slick/slick.css');
  2. $zoo->jbassets->css('modules/mod_jbzoo_item/assets/slick/slick-theme.css');
  3. $zoo->jbassets->js('modules/mod_jbzoo_item/assets/slick/slick.js');

 

но тогда получаю ошибку 500/

Не могу найти свою ошибку. Прошу помощи.
Спасибо! 


  • 0

#4 CB9TOIIIA

CB9TOIIIA

Отправлено 29 August 2017 - 19:50 

  1. $zoo = App::getInstance('zoo');

есть такое?


  • 0

 0_a5dfa_59170f8b_orig.png JBZoo чат  / 0_a8adc_9b13e908_orig.png Разработка Joomla расширений и т.д.! / Рекомендую хостинг Joomla
bqMwEWm.png Joomla расширение для Яндекс Турбо и Яндекс Дзен - помощь в настройке  8)      O:-)

#5 Анна

Анна

Отправлено 29 August 2017 - 20:03

CB9TOIIIA сказал(а) 29 Ауг 2017 - 18:50:

  1. $zoo = App::getInstance('zoo');

есть такое?

 

ну да, в файле  modules/mod_jbzoo_item/mod_jbzoo_item.php

 

Сейчас я еще пороюсь в стилях и в скриптах самого slick. Может это вызов скрипта в макете неправильно делаю

 

Ребята-профи, если уж вы тут, посмотрите мой вопрос в теме, пожалуйста.  (hollest) Вот тут я не понимаю, как сделать.


  • 0

#6 Анна

Анна

Отправлено 30 August 2017 - 10:11

В общем, сама справилась. Скрипт инициировался только из подключения из script.js шаблона c помощью такой конструкции

  1. (function($){
  2.   $(document).ready(function(){
  3.       $(".project-slide").slick({
  4.         dots: false,
  5.         infinite: true,
  6.         slidesToShow: 1,
  7.   });
  8. })(jQuery);

Но еще есть вопрос не совсем по теме. Как стандартный элемент ZOO image изменить так, чтобы именно в этом модуле (не везде) у меня в атрибутах изображения не выводились width и height ? Портят всю малину - перебивают стили, заданные скриптом. 

 

Спасибо!


  • 0
Обратно в Организация каталога и внешний вид



Темы с аналогичным тегами слайдер, jbzoo item

  1. JBZoo Community
  2. → Основной форум JBZoo
  3. → Организация каталога и внешний вид
  4. Privacy Policy
Click to return to top of page in style!