wantprikol

+25

Репутация

Рейтинг

#1 Связи типов контента с Instantvideo 2 марта 2017 в 09:37

Кто нибудь связывал Видео компонент с другими?

Решил добавить Связь контента "Год" к видео через поле. Добавил Тип контента "Год", к нему добавил связь Видео каталог. Все нормально в полях Видео каталога появилось поле "Год" я его активировал при добавлении видео по ссылке поле появляется и можно выбрать год..

Теперь можно посмотреть все видео этого года, все это хорошо.
Но столкнулся я с 2-мя проблемами:
1. При массовом импорте, при нажатии на Добавить год, ничего не происходит, может быть проблема в том что уже открыто модульное окно, и второе не хочет открывать.

2. Вторая проблема вовсе не проблема, а пожелание, в дальнейшем сделать так, что бы пользователь сайта не имеющий доступа добавлять дочерние записи, а имеющий доступ только привязывать их, в окошке привязать "Год" не появлялся пункт "Только мои", а был сразу пункт "Все", не вижу смысла в первом пункте, если ты не можешь добавить запись.

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

А еще заметил, что если привязывать к Видео каталогу связь например Статьи. Привязываешь Статью к видео все нормально, а если отвязать ее то выдает ошибку 404, и статья не отвязывается.

#1 [ЗАКРЫТО] Мобильные приложения для InstantCMS 3 февраля 2017 в 18:37

Нужно собирать деньги, если все откликнуться, это будет легче сделать.

#2 lightgallery для instantcms2 24 января 2017 в 15:50

pipkis, Благодарю за предложение помощи! Не хотел напрягать, неспеша сам прикручивал и все получилось. Но столкнулся с другой проблемой в которой уже действительно требуется помощь. Проблема — открываем фотоальбом например с 300-ста фото, на первой странице их выводится 20, при просмотре, пролистывании в окне lightgallery (как кстати и в окне лайтбокса) он листает только те 20 фото что есть на данной странице, а не весь альбом. Как это решить? Чтобы он брал выборку изображений из базы, а не из тела сформированной html страницы?

Капитан

А ты пробовал через селектор например фото в фотоальбоме выводятся так

<div class="value uk-thumbnav uk-grid-width-1-6">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/8de39419.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/1e99c636.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/b9bbe683.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/cec1b5e2.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/db4bdc11.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/9922651a.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/2863a6b9.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/dda27070.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/8774f459.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/df013a62.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/02f1be9d.jpg">
<a class="second_type_images" title="Девушки на шпагате №2" href="/upload/000/u1/200/f0802744.jpg">

итд

Ты вставляешь код для вывода

$('.uk-grid-width-1-6').lightGallery({
	selector:'a.second_type_images',
    hash: false
    });

И должны открыться все фото с этим селектором, а если наоборот стоит селектор попробуй убрать его.

#3 lightgallery для instantcms2 12 января 2017 в 23:30

Ребята, а я с обычным своим вопросом — под 1.10.1 или вообще под первую ветку кто-то переделывал?

Капитан

Честно, даже не смотрел, я первой веткой очень давно не пользовался, разбираться нужно.
Напиши ссылку на свой сайт, я накидаю пример, а ты протестируешь на своем сайте.

#1 Как отключить модульное окно при нажатии на gif картинку? 8 декабря 2016 в 11:26

Привет всем, кто нибудь сталкивался с вопросом, где можно отключить модульное окно при нажатии на gif картинку. Простые картинки удалось отключить убрав стиль .img-photos
Пример.

    <a title="Новогодние позитивные картинки" class="img-photos second_type_images" href="/upload/000/u4/036/52324e8d.jpg" rel="gal"><img src="/upload/000/u4/036/be6a0371.jpg" title="Новогодние позитивные картинки 18" alt="Новогодние позитивные картинки 18"></a>

А у gif картинок есть 3 стиля ajax-modal gif_image img-photos, пробовал удалять, картинка все равно открывается в стандартном всплывающем окне.

    <a class="ajax-modal gif_image img-photos" href="/upload/000/u4/036/64a9e6fc.gif" rel="gal">
                    <span class="background_overlay"></span>
                    <span class="image_label">gif</span>
                    <img src="/upload/000/u4/036/808ea70f.gif" alt="Новогодние позитивные картинки 26">
                </a>

Я встроил свою стороннюю галерею на сайт, простые картинки открываются нормально, а gif открывается теперь в двух окнах одновременно.

#4 lightgallery для instantcms2 5 декабря 2016 в 13:19

Андрей

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

#5 lightgallery для instantcms2 5 декабря 2016 в 01:29

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

Нужно в файл lg-general.js добавить следующее

// Слайдер для галереи в блоге
 
$("#f_photos").removeClass("ft_images");
$(".ft_images a").addClass('imgallery').removeClass("img-photos");
$('.ft_images').lightGallery({
	selector:'a.imgallery',
    hash: false
    }); 
});

#6 lightgallery для instantcms2 5 декабря 2016 в 01:19

Ребята если, кто то установил смайлы EmojiOne, то они в комментариях открываются через слайдер. Для исправления данной ситуации скачайте файл ниже и замените его. Добавилась одна строка на примере она 14.

 
// Слайдер для комментариев,стены,и стены группы)
$(".text img").wrap( function(){
	var ahref = $( '<a href="' + $( this ).attr( 'src' ) + '" />').addClass ("parent-container");
	return ahref;
});	
$(".text img").addClass('parent-img');
 
$('.text').lightGallery({
	selector:'a.parent-container',
    hash: false		
    }); 
// Стиль для смайлов
 $(".emojione").unwrap("a.parent-container");

Прикрепленный файл

lggeneral_gr0oo.zip 1 Кб

#7 lightgallery для instantcms2 28 октября 2016 в 20:34

С InstantVideo2
pipkis
Тем более стоило подправить то что уже было.

Олег Васильевич я

Я полностью изменил шаблон и захотелось чего то новенького, Colorbox хороший плагин спору нет.

#8 lightgallery для instantcms2 28 октября 2016 в 18:54

pipkis, Спасибо, еще бы кто на первую ветку подсказал бы как прикрутить

Евгений

Да там ничто сложного в принципе нет, хотя я уже забыл, что в первой ветке было. Там подключается всего лишь Css стиль, попробуй поменять в lg-general.js
Допустим в в двойке стиль контента

<div class="field ft_html f_content">
                        <div class="value">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст</div>
        </div>

Я взял ft_html за основу в lg-general.js.

// Слайдер для блога,статьи,новости)
$(".ft_html img").wrap("<div id='post'></div>");
$(".ft_html img").wrap( function(){
	var ahref = $( '<a href="' + $( this ).attr( 'src' ) + '" />').addClass ("parent-post");
	return ahref;
});	
$(".ft_html img").addClass('parent-img');
$('.ft_html #post').lightGallery({
    width: '700px',
    height: '470px',
    mode: 'lg-fade',
    addClass: 'fixed-size',
    counter: false,
    download: true,
    startClass: '',
    enableSwipe: false,
    enableDrag: false,
	actualSize:false,
	fullScreen:false,
    speed: 500
});

Тебе нужно посмотреть какой у тебя выводит css стиль и подставить его вместо ft_html.

#9 lightgallery для instantcms2 28 октября 2016 в 18:45

Олег Васильевич я

С InstantVideo2, там он тоже подключен по адресу .../templates/default/js/video/colorbox/colorbox.css и создает конфликт в основном в стилях а не в скрипте. Вот что получается

#1 lightgallery для instantcms2 28 октября 2016 в 16:24

Привет всем, решил поделиться как я подключил lightgallery к своему сайту. lightgallery это JQ скрипт который я использую на своем сайте вместо Lightbox, до этого я пользовался Colorbox в поле ft_html типа контента , которую предложил Олег Васильевич я.
По причине конфликтов скрипта с видео контентом, пришлось искать, что то новое.
Как подключать.
Скачиваем архив. Добавляем его в корень сайта.

Открываем main.tpl.php
Добавляем между <head> </head>

 
<?php $this->addMainCSS("templates/{$this->name}/lightgallery/lightgallery.css"); ?>
<?php $this->addMainJS("templates/{$this->name}/lightgallery/lightgallery-all.min.js"); ?>
<?php $this->addMainJS("templates/{$this->name}/lightgallery/lg-general.js"); ?>

Все опции и настройки для работы скрипта есть на официальном сайте lightgallery.

Опции на вашем сайте настраиваются в папке /lightgallery/lg-general.js. Они настроены под мой сайт pipkis.ru/

Пример слайдера

Живой пример ft_html и ft_image (эти стили заложены в статьях, блоге, новостях итд.) Чирлидерши
ft_html- картинки в самом посте
ft_image — 1 картинка поста

Живой пример text. Этот стиль используется в комментариях, на стене пользователя и групп. Вот пример комментариев Комментарии

Если найдете ошибку и сможете исправить ее попрошу написать в комментариях. А если кто и сможет создать компонент буду благодарен.

И еще в файле lightgallery.css замените название сайта на свое для папки fonts

30.10.16г. Архив обновлен. Исправлены мелкие ошибки
31.10.16г. Архив обновлен. Упрощен код вывода изображений
05.12.16г. Архив обновлен. Упрощен css вывода кнопок в слайдере, теперь не нужно указывать путь сайта с шаблоном, добавлен код для комментариев, если у вас вдруг установлены смайлы EmojiOne, они не будут открываться в слайдере, добавлен слайдер в галерею изображений.
27.02.17г. Архив обновлен. Изменен css код- вместо белого окна появляется темное полупрозрачное. lightgallery обновлена до последней версии. Исправлена ошибка с конфликтом в live редакторе.

Прикрепленный файл

lightgallery_b1a03.zip 46 Кб

#10 Изображения в статьях и страницах 9 марта 2016 в 14:04

pipkis, спасибо большое!
А как сделать, чтобы при просмотре на большом экране выравнивание картинки было по центру?

skewes

Я честно уже не помню, что я делал скинь ссылку на сайт я посмотрю и вспомню.

А выравнивание по центру можно сделать стилем text-align: center;, и в самом редакторе отметил красным

Нажимаешь сначала на картинку а потом кнопочку по центру

#11 Изображения в статьях и страницах 9 марта 2016 в 14:00

pipkis, а какое поле надо добавить в тип контента? скрин не скинете по полю. Спасибо.

Андрей

Вот скин

#12 Изображения в статьях и страницах 7 марта 2016 в 13:12

Уважаемые гуру.
А как сделать так, чтобы на мобильнике изображения, которые вставлены на всю ширину сайта именно в тексте (теле) статьи (любого типа контента), адаптировалась (сжималась) по размеру дисплея?
Сейчас из коробки если загружать фотографию в тело типа контента на всю ширину, он ее (функционал ЦМС) режет и видно только часть фотографии.
Если размер уменьшаем до например 300х300 пикселей, то все "замурчательно", но все же хотелось чтобы на больших дисплеях были большие фото. а на маленьких маленькие.)))
Если есть у кого решение, отзовитесь пожалуйста)))

skewes

У меня theme-content.css стоит стиль такой

 
.content_item .ft_html .value img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: auto !important;
    margin-right: 18px !important;
    max-width: 100%;
    padding: 5px;
}

За счет него, фотка уменьшается и адаптируется, а у тебя смотреть надо.

Предыдущая
1
2
3
Следующая
Показаны 16-30 из 40

wantprikol

InstantCMS Team

О проекте

Поддержка

Дополнения