1 (2016-06-08 08:02:03 отредактировано scooternsk)

Тема: Carousel в шаблоне Red Agency

Добрый день!

Возникла проблема с подключением карусельки, на сайте с описанием шаблона Red Agency указан вот такой код

<?php get_component_with_params('ra-carousel', array(array('slide-1', 'slide-2', 'slide-3'))): ?>

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

('slide-1', 'slide-2', 'slide-3')

, но куда их положить или прописать - я тоже понять не могу.

Прошу хелпа )))

С уважением, Игорь.

Поделиться

2

Re: Carousel в шаблоне Red Agency

вы можете обратиться к изготовителю шаблона напрямую, он русскоязычный. На форуме офсайта просьба писать на английском.
http://pigios-svetaines.eu/projects/getsimple/
http://get-simple.info/forums/showthread.php?tid=7455
http://get-simple.info/forums/user-21941
возможно, он не зарегистрирован на нашем форуме

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3

Re: Carousel в шаблоне Red Agency

Да, я это сделал в первую очередь с помощью фейсбука ... но пока ответа нет, посчитал что шаблон популярен и кто то уже сталкивался с данной проблемой )
Спасибо за ответ.

Поделиться

4

Re: Carousel в шаблоне Red Agency

scooternsk пишет:

.... Возможно компонент пытается найти те самые

('slide-1', 'slide-2', 'slide-3')

, но куда их положить или прописать - я тоже понять не могу.

Прошу хелпа )))

С уважением, Игорь.

Доброго времени суток! Для использования слайдера в теме Red Agency нужно создать страницы с постоянными ссылками (slug): slide-1', 'slide-2', 'slide-3'.

Логика компоненты следующая -  содержание слайда берется из указанной страницы (slug) и ищется среди элементов <р> ... </ р >. Содержанием может быть отформатированный текст и изображения.

ВАЖНО: Первым элементом должен быть фон (background). Фоном может быть либо фото (она вставляется с помощью графического редактора) либо цвет фона (для этого введите несколько символов и примените для них цвет фона). Если в качестве фона используется фото - то её стили игнорируются (т.е. автоматически берётся ширина и высота 100%). Все последующие элементы рассматриваются как содержание слайдов.
Элементу текст могут быть применены стили (графические редакторы для этого используют элемент <SPAN>). Компонента может работать со стилями, которые объединяют в себе до 2 уровней <SPAN>. Настройки эффектов анимации применяются к элементу <р> и указываются два их значения: название эффекта (поле data-effect) и эффект задержки (поле data-delay). Значение задержки указывается в миллисекундах. Элементу с тэгом  < р> также может применяется стиль, который указывает на его местоположение на слайде (px; % или единицы измерения Viewport). Например:

< p data-delay="500" data-effect="fadeInDownBig" style="top:20%;left:20%">< span style="font-size:28px;">< span style="color:#FFF;">My text< /span>< /span>< /p>

Если элемент слайда – фото, то ему могут быть применены стили указывающие его ширину и высоту (берётся из графического редактора). Например:

< p data-delay="2000" data-effect="zoomInUp" style="top:2vh;left:-5vw">< img alt="" src="photo.png" style="width: 80px; height: 80px;" / > < /p>

Если элементу(ам) <р> не указаны значения полей: data-effect, data-delay,  style – они генерируются с помощью случайных чисел.

Просмотр эффектов анимации и их названия вы можете увидеть на странице администрирования настроек темы.

Примите совет: на сайте автора темы есть готовая сборка сайта с образцами кодов и тестовыми слайдерами. Внутри все понятней, чем в описании.

B.R.G.D.S.

Сайт st_brat

Поделиться

5 (2016-09-28 16:09:49 отредактировано master_bb)

Re: Carousel в шаблоне Red Agency

В коде на сайте ошибка, не двоеточие в конце, а точка с запятой

<?php get_component_with_params('ra-carousel', array(array('slide-1', 'slide-2', 'slide-3')))[b];[/b] ?>

и да, на каждый слайд создается отдельная страница, первым тегом в которой

<p> <img...

должно быть.

Сайт master_bb

Поделиться

6

Re: Carousel в шаблоне Red Agency

Приветствую! Я новичок, если кто может, разжуйте как для ребенка, куда что вставлять, чтобы запустить слайдбар. Скачал тему GS Evolve, не могу запустить слайдбар, почитал на форумах разную информацию. На главной странице (index) где будет слайдбар установил шаблон (слайдшоу), создал 3 страницы, назвал их  slide-1', 'slide-2', 'slide-3', поставил постоянные ссылки index-1, index-2, index-3, вот не знаю надо было ставить родительскую страницу, но я указал index, в каждом из 3х файлов я вставил 

" < p data-delay="2000" data-effect="zoomInUp" style="top:2vh;left:-5vw">< img alt="" src="photo.png" style="width: 80px; height: 80px;" / > < /p> "

ссылкой на свои фотографии. Вместо слайдбара загружается белый экран. Помогите добрые люди, пол дня сижу, так и не смог запустить его, писал автору темы, он пока молчит!

Поделиться

7

Re: Carousel в шаблоне Red Agency

gipson пишет:

....... Вместо слайдбара загружается белый экран. Помогите добрые люди, пол дня сижу, так и не смог запустить его, писал автору темы, он пока молчит!

Доброе утро!
Создание нового слайд-шоу и настройка его параметров выполняется на странице администрирования темы (Configure Theme на вкладке Тема в админке). См. этом разделе меню пункт "Jssor Slider настройки".
Для возможности настройки этой темы Вы должны скачать и установить плагин Theme Settings
Каждое поле параметров имеет контекстную помощь (всплывающие подсказки), которые объясняют назначение поля.
Обратите внимание, готовый шаблон страницы со слайдером в этой теме называется "home_with_slideshow.php".
Вы должны выбрать его в настройках страницы.

На демонстрационной сборке сайта с темой Evolve главный слайдер индексной страницы создан через использование компонента.
Имя компонента Evolve main slider
Содержимое:

<?php
global $args;
    global $TEMPLATE;
    $error_mess1= 'Sending parameters must be in array.';
    $error_mess2= 'Page content slug(s) is required.';
    if(is_array($args)) {
        if(isset($args[0]) && !empty($args[0])) { $papam1=$args[0]; }
        else { $papam1='slider1_container'; }
        if(isset($args[1]) && !empty($args[1]) ) {
            $papam2=$args[1];
            if(!is_array($args[1])) {
                $papam2=array($args[1]);
                if( strstr( trim($args[1]), ' ' ) ) {
                    $papam2=explode(' ', trim($args[1]));
                }
            }
        }
        else {  echo '<script type="text/javascript">  alert("'.$error_mess2.'"); </script>'; return; }
        if(isset($args[2]) && !empty($args[2]) && $args[2] != 'true') $papam3=false; /* Insert Inner Div (for slideshows) */
        else  $papam3=true;
        if(isset($args[3]) && !empty($args[3]) && $args[3] != 'false') $papam4=true; /* Thumbnail structure using */
        else  $papam4=false;
        if(isset($args[4]) && !empty($args[4]) && $args[4] != 'false') $papam5=true; /* Bullets numbering using */
        else  $papam5=false;
    }
    else { echo '<script type="text/javascript">  alert("'.$error_mess1.'"); </script>'; return; }

?>
<!-- Jssor Slider Begin -->
<div id="<?php echo $papam1; ?>" class="jssor-slider">
    <!-- Loading Screen -->
    <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
        <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;">
        </div>
        <div style="position: absolute; display: block; background: url(<?php get_theme_url(); ?>/scripts/jssor/tools/img/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;">
        </div>
    </div>
    <!-- Slides Container -->
    <div data-u="slides" class="slider-inner">
<?php
$nmr=1;
foreach ($papam2 as $ablock) {
    if (file_exists(GSDATAPAGESPATH.$ablock.'.xml')) {
        if (!function_exists('return_i18n_page_data')) {
            $title = returnPageField($ablock, 'title');
            $content = returnPageContent($ablock);
        }
        else {
            $tcontent = return_i18n_page_data($ablock);
            $title = (string) $tcontent->title;
            $content = html_entity_decode( (string) $tcontent->content);
        } 
    }
    else continue;
    $content = str_replace(array("<p>", "</p>"), "", $content);
?>
         <!-- Slide #<?php echo $nmr; ?> -->
         <?php echo $papam3?'<div>'.$content.'</div>':$content; ?>
<?php $nmr=$nmr+1;
} ?>
    </div>
    <!-- Bullets navigator container -->
    <div data-u="navigator" class="jssor-bullet">
        <!-- bullet navigator item prototype -->
        <div data-u="prototype"><?php echo $papam5?'<div data-u="numbertemplate"></div>':''; ?></div>
    </div>
    <!-- Arrows navigator container -->
    <!-- Arrow Left -->
    <span data-u="arrowleft" class="jssor-arrowl"></span>
    <!-- Arrow Right -->
    <span data-u="arrowright" class="jssor-arrowr"></span>
<?php if($papam4) { ?>
    <!-- thumbnail navigator container -->
    <div data-u="thumbnavigator" class="jssort01">
      <div class="ext"></div>
    <!-- Thumbnail Item Skin Begin -->
        <div data-u="slides">
            <div data-u="prototype" class="p">
                <div class=w><div data-u="thumbnailtemplate" class="t"></div></div>
                <div class=c></div>
            </div>
        </div>
        <!-- Thumbnail Item Skin End -->
    </div>   <!--#endregion Thumbnail Navigator Skin End -->
<?php } ?>
</div>
<!-- Jssor Slider End -->

Документация темы на русском языке имеется на сайте разработчика, но я рекомендую дополнительно Вам установить демосборку. Внутри будет понятней.

B.R.G.D.S.

Сайт st_brat

Поделиться