<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[Форум ReadyScript &mdash; Всплывающее фото. Тема Современная.]]></title>
	<link rel="self" href="https://forum.readyscript.ru/feed/atom/topic/1398/" />
	<updated>2018-05-13T18:21:42Z</updated>
	<generator>PunBB</generator>
	<id>https://forum.readyscript.ru/topic/1398/vsplyvayushchee-foto-tema-sovremennaya/</id>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8838/#p8838" />
			<content type="html"><![CDATA[<p>Отлично! Спасибо за инфомрацию. MagnificPopup тоже рассматривал, но он заказчику не понравился.</p>]]></content>
			<author>
				<name><![CDATA[Ярослав]]></name>
				<uri>https://forum.readyscript.ru/user/74/</uri>
			</author>
			<updated>2018-05-13T18:21:42Z</updated>
			<id>https://forum.readyscript.ru/post/8838/#p8838</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8835/#p8835" />
			<content type="html"><![CDATA[<p>Вот это прикол! Решил перейти на галерею magnific popup и обнаружил что она уже есть в системе! Прилепили в шаблоне две галереи. Как то не сходится с концепцией минимализма...<br />Убрал подключение JS и CSS от lightgallery, в theme.js в конце добавил</p><div class="codebox"><pre><code>$(document).ready(function() {
        $(&#039;.product-gallery-full&#039;).magnificPopup({
            delegate: &#039;a&#039;,
            type: &#039;image&#039;,
            tLoading: &#039;Загрузка...&#039;,
            gallery: {
                enabled: true,
                navigateByImgClick: true,
                preload: [0,1]
            },
        });
    }); </code></pre></div><p>В magnific popup все работает как нужно и нет ничего лишнего! Пункт 2 со стрелками не актуален т.к. если изображения имеют разные размеры то положение стрелки скачет.</p>]]></content>
			<author>
				<name><![CDATA[Александр]]></name>
				<uri>https://forum.readyscript.ru/user/358/</uri>
			</author>
			<updated>2018-05-13T12:31:59Z</updated>
			<id>https://forum.readyscript.ru/post/8835/#p8835</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8833/#p8833" />
			<content type="html"><![CDATA[<p>Заказчики много чего хотят и говорят. Мне вон наоборот говорят, что надо при клике закрывать фото.<br />А заказчика не смущает тот факт, что в инстаграм нельзя пролистать на следующее фото? Только выходить, выбрать фото списком и листать вниз?<br />От того, что фото не листается не будут уходить к конкуренту, если товар нормальный, контент нормальный. У меня куча примеров, когда люди сотнями делают заказы на абсолютно кошмарных сайтах. Да даже взять тот же Next, торгующий по всему миру. <a href="http://www.next.com.ru/ru">http://www.next.com.ru/ru</a> даже не адаптивный.<br />Вариант 1. <br />На событие &quot;Клик по слайду&quot; вызывать метод &quot;Следующий слайд&quot;:<br /></p><div class="quotebox"><blockquote><p>var slider = $(&quot;#galerie2&quot;).lightGallery({<br />&nbsp; &nbsp; &nbsp; enableSwipe: false<br />&nbsp; });</p><p>&nbsp; $(&#039;#galerie2&#039;).on(&#039;onSlideClick.lg&#039;, function(event) {<br />&nbsp; &nbsp; &nbsp;slider.goToNextSlide();<br />&nbsp; })</p></blockquote></div><p>Вариант 2. Просто увеличьте элемент стрелки lg-next, чтобы он закрывал бОльшую часть экрана и перекрывал фото. Тогда клик по фото вызовет следующий слайд.</p>]]></content>
			<author>
				<name><![CDATA[Ярослав]]></name>
				<uri>https://forum.readyscript.ru/user/74/</uri>
			</author>
			<updated>2018-05-12T16:02:03Z</updated>
			<id>https://forum.readyscript.ru/post/8833/#p8833</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8832/#p8832" />
			<content type="html"><![CDATA[<p>Ребят я по поводу юзабилити серьезно - заказчик то же самое сказал, нужен как минимум переход к следующему фото при клике. Меня очень удивило то, что в документации нет об этом ни слова. Типичная ситуация - разработчик своим творением не пользуется. Никто из типичных пользователей долго разбираться не будет - закроют сайт и уйдет к конкуренту. И посещаемость интернет-магазина останется низкой из-за плохой статистики и частых отказов.<br />Я сделал декомпрессию файла<span class="bbu"> <a href="https://drive.google.com/open?id=12fEqr7qUagKZaij0eP-SDG-BW4LJgoOV">lightgallery-all.min.js</a></span> и в строке 246 добавил по аналогии код<br /></p><div class="codebox"><pre><code>}), this.$outer.find(&quot;.lg-image&quot;).on(&quot;click.lg&quot;, function() {
    a.goToNextSlide()</code></pre></div><p>Но он работает только для первого фото.</p><p>1. Как сделать чтобы переход к следующему изображению при клике работал для всех изображений?<br />2. Как запретить обновлять этот файл?</p>]]></content>
			<author>
				<name><![CDATA[Александр]]></name>
				<uri>https://forum.readyscript.ru/user/358/</uri>
			</author>
			<updated>2018-05-12T10:17:54Z</updated>
			<id>https://forum.readyscript.ru/post/8832/#p8832</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8818/#p8818" />
			<content type="html"><![CDATA[<div class="quotebox"><cite>Ярослав пишет:</cite><blockquote><p><a href="http://sachinchoolur.github.io/lightGallery/docs/">http://sachinchoolur.github.io/lightGallery/docs/</a> Вот документашка, многие действия легко настраиваются.</p></blockquote></div><p>Я там уже был, вы нашли как сделать переход на следующий слайд при клике по фото?</p>]]></content>
			<author>
				<name><![CDATA[Александр]]></name>
				<uri>https://forum.readyscript.ru/user/358/</uri>
			</author>
			<updated>2018-05-05T08:54:17Z</updated>
			<id>https://forum.readyscript.ru/post/8818/#p8818</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8813/#p8813" />
			<content type="html"><![CDATA[<p>FancyBox 2 уже устарел, много проблем с ним возникло на некоторых сайтах. А версия 3 для коммерческого использования платная (от 29 до 119 баксов).<br />Самое интересное, что как рас на скрипт LightBox из flatlines захотели перейти заказчики с fancybox)<br />Как говорится &quot;на вкус и цвет все фломастеры разные&quot;. Поменять один на другой вопрос 5 минут.</p><p><a href="http://sachinchoolur.github.io/lightGallery/docs/">http://sachinchoolur.github.io/lightGallery/docs/</a> Вот документашка, многие действия легко настраиваются.</p>]]></content>
			<author>
				<name><![CDATA[Ярослав]]></name>
				<uri>https://forum.readyscript.ru/user/74/</uri>
			</author>
			<updated>2018-05-03T07:35:50Z</updated>
			<id>https://forum.readyscript.ru/post/8813/#p8813</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8798/#p8798" />
			<content type="html"><![CDATA[<p>И вообще непонятно зачем использовать такое количество скриптов для типовых задач. Например <a href="https://drive.google.com/file/d/1h8hacASWXMG8LwGHKHa1dxzX9a2mLsIp/view?usp=sharing">FancyBox v2</a> достаточно минималистичен и выполняет функции галереи, слайдера, popup окна. При этом он проработан и не имеет вышеописанных недостатков юзабилити. У вас же для этих функций отдельные лишние скрипты, которые в теме &quot;Современная&quot; весят недопустимые для качественной проработки 535 КБ. Это же не landing-page, а целый интернет-магазин, у которого будет очень много кликов и нагрузки.<br />Я молчу про 523 КБ в CSS с Bootstrap, из которого не больше 10% используется.</p>]]></content>
			<author>
				<name><![CDATA[Александр]]></name>
				<uri>https://forum.readyscript.ru/user/358/</uri>
			</author>
			<updated>2018-04-30T16:11:17Z</updated>
			<id>https://forum.readyscript.ru/post/8798/#p8798</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/8797/#p8797" />
			<content type="html"><![CDATA[<p>Галерея сыровата. Пришлось править CSS для применения прозрачности. Идеальное значение прозрачности - 0.7. Хорошо что работают горячие клавиши и есть возможность прокрутки колесиком мыши, но пользуются этим единицы. Нужно ориентироваться на типичного юзера, который только кликать может. Поэтому помимо прозрачности нужно:<br />1. Чтобы при клике по фото открывалось следующее.<br />2. Стрелки для перехода к следующему и предыдущему фото должны быть на самом фото, а не на краях экрана, где их не видно.<br />3. Кнопка закрытия фото нужна возле фото, в привычном верхнем правом углу. О том, что для закрытия можно кликнуть мимо фото, юзер не додумается. Крестик закрытия расположен максимально неудачно и еле заметен.<br />4. Если высота изображения больше ширины и оно большое - его перекрывают панели вверху и внизу. Например последнее фото тут <a href="http://mega.readyscript.ru/product/plate-savage/.">http://mega.readyscript.ru/product/plate-savage/.</a> Необходимо чтобы изображения выводились между этими панелями, а не под ними.</p>]]></content>
			<author>
				<name><![CDATA[Александр]]></name>
				<uri>https://forum.readyscript.ru/user/358/</uri>
			</author>
			<updated>2018-04-29T10:54:45Z</updated>
			<id>https://forum.readyscript.ru/post/8797/#p8797</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/7936/#p7936" />
			<content type="html"><![CDATA[<p>Закиньте в тему файл <strong>scripts.tpl</strong> и добавьте там свой css через <strong>{addcss}</strong>. И перегрузите там нужный класс.</p>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>https://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2017-10-25T14:52:47Z</updated>
			<id>https://forum.readyscript.ru/post/7936/#p7936</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/7935/#p7935" />
			<content type="html"><![CDATA[<p>Решил не рубить в плеча. А поменять прозрачность с 1 на 0.5, тогда не так страшно ))</p><p>Только вопрос возникает, как сделать чтобы изменения не затерлись при обновлении?</p><p>Пробовал:</p><p>1) сделать файл /resource/css/common/lightgallery/css/lightgallery.min.my.css <br />и делать изменения там</p><p>2)&nbsp; сделать файл /templates/flatlines/resource/css/common/lightgallery/css/lightgallery.min.css<br />и делать изменения там</p><p>ни 1), ни 2) не работает.</p>]]></content>
			<author>
				<name><![CDATA[Владимир 1916]]></name>
				<uri>https://forum.readyscript.ru/user/417/</uri>
			</author>
			<updated>2017-10-25T12:07:00Z</updated>
			<id>https://forum.readyscript.ru/post/7935/#p7935</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/7932/#p7932" />
			<content type="html"><![CDATA[<p>)))<br />В теме современная за открытие окна отвечает конструкция в <strong>rs.product.js</strong> Вашей темы:<br /></p><div class="codebox"><pre><code>/**
         * Открытие главного фото товара
         */
        if ($.fn.lightGallery) {
            var gallery = $(&#039;.product-gallery-full&#039;).data(&#039;lightGallery&#039;);
            if (gallery) {
                gallery.destroy(true);
            }
            $(&#039;.product-gallery-full&#039;).lightGallery({
                selector: &quot;[rel=&#039;bigphotos&#039;]:not(.dont-use-in-galery)&quot;,
                thumbnail: true,
                autoplay: false,
                autoplayControls: false,
                hash:false
            });
        }</code></pre></div>]]></content>
			<author>
				<name><![CDATA[Закусило Александр]]></name>
				<uri>https://forum.readyscript.ru/user/20/</uri>
			</author>
			<updated>2017-10-25T08:31:19Z</updated>
			<id>https://forum.readyscript.ru/post/7932/#p7932</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Всплывающее фото. Тема Современная.]]></title>
			<link rel="alternate" href="https://forum.readyscript.ru/post/7931/#p7931" />
			<content type="html"><![CDATA[<p>Как в теме Современная (flatlines) сделать, чтобы не появлялось всплывающее окно с черным фоном при нажатии на фото, была просто картинка, которая есть?<br />Другими словами, чтобы основная картинка была не кликабельна. Не ссылкой, а просто картинкой.</p><br /><p>P.S.<br />Просто у меня этот черный фон вызвал панические атаки. Сначала не понял, что вообще произошло, куда делся сайт и как на него вернуться. И количество отказов возросло на 3-5%. Может это, конечно, и не связано с всплывающим окном и темой, а просто совпадение.</p>]]></content>
			<author>
				<name><![CDATA[Владимир 1916]]></name>
				<uri>https://forum.readyscript.ru/user/417/</uri>
			</author>
			<updated>2017-10-24T20:22:10Z</updated>
			<id>https://forum.readyscript.ru/post/7931/#p7931</id>
		</entry>
</feed>
