Плагин Slider Revolution Responsive WordPress Plugin

[requiem13]

Slider Revolution Responsive WordPress Plugin​

Slider Revolution на сегодняшний день является наиболее совершенным слайдером для WordPress.
Множество возможностей, позволяют создавать слайд-шоу любой сложности, а делать это очень удобно и просто.

Модератор: Тема закрыта. Дальнейшее обсуждение ведётся здесь.

 

[ivan923]

Slider Revolution Responsive WordPress Plugin 5.4.6.1

Спойлер: Изменения

Version 5.4.6.1 StarPath (07th October 2017)
BUGFIXES

• Fixed TGM and general activation issues
• Fixed captions installation issue
• Fixed HTML5 Video autoplay for Safari 11

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

 

[ReBeL]

v 5.4.6.2 скачанная с энвато

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

 

[Vados_dnepr]

Кто знает как изменить размер шрифта на мобильной версии?

 

[dimella]

Кто знает как изменить размер шрифта на мобильной версии?

Если не ошибаюсь, то нужно сначала в Настройках нужного слайдера включить "Пользовательский размер сетки"



Затем открываешь нужный слайд, кликаешь по слою с текстом, появляется выбор устройства:



Выбираешь для какого устройства хочешь изменить размер шрифта, меняешь, сохраняешь и вуаля!

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

 

[starwanderer]

Slider Revolution Responsive WordPress Plugin 5.4.6.3

Спойлер: Changelog

Version 5.4.6.3 StarPath (10th November 2017)

CHANGES
Added "playsinline" support for Safari 11 video
BUGFIXES
Fixed Instagram API issue
Fixed Vimeo autoplay issue
Fixed muted YouTube playing brief sound issue
Version 5.4.6.2 StarPath (13th October 2017)

NEW FEATURES
Added action to prepare the plugin for upcoming AddOns
BUGFIXES
Fixed text typos
Version 5.4.6.1 StarPath (07th October 2017)

BUGFIXES
Fixed TGM and general activation issues
Fixed captions installation issue
Fixed HTML5 Video autoplay for Safari 11

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

 

[EncoreTravel]

Друзья, нужен совет по функционалу слайдера. Голову уже поломал, а как решить вопрос, не приложу ума.
Есть вот такой скрипт:

Спойлер: Скрипт для вставки

<style>
/* Фон и рамка формы */
body .os-order-form-wrap {background: #fff; border: 5px solid #eee;}

/* Заголовок формы */
body .os-order-form-wrap .os-order-header-title {
color: #4cb5ff; /*цвет шрифта.
Добавьте !important сработало, например:
color: blue !important;*/
font-size: 27px; /*размер шрифта*/
font-weight: bold; /*жирность шрифта*/
font-family: arial; /*семейство шрифта*/
}

/* Шрифты и цвета некоторых полей (взрослые и дети, и, возраст детей, возможны другие даты) */
body .os-order-first-title,
body .os-order-and-title,
body .os-order-second-title,
body .os-order-input-dates label {font-family: arial; color: #666;} /*возможны другие даты*/

/* Выпадающие списки (страна, курорт, взрослые, дети, возрасты, длительности) */
body .os-order-form-wrap select {font-family: arial; color: #000;}
body .os-order-select-wrapper,
body .os-order-select-wrapper:after {background: #fff;}
body .os-order-select-wrapper {border-radius: 5px; border: 1px solid #c3c3c3;}
body .os-order-input-duration .os-order-select-wrapper {border-radius: 5px;} /*длительность*/

/* Цвета иконок в полях. Добавьте !important чтобы сработало, например:
body .os-order-input-country .os-order-select-wrapper:after {color: green !important;}*/
body .os-order-form-wrap .os-order-select-wrapper:after {color: #4cb5ff;} /*выпадающий список ближайшего офиса*/

/* Шрифты, их цвета, фон и цвет рамки в полях формы (имя, телефон, е-мейл, пожелания)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {font-family: arial; color: #000; background: #F0F0F0; border-color: #c3c3c3;}

/* Скругление углов в полях формы (имя, телефон, е-мейл, пожелания) (4 значения означают углы: верхний-левый верхний-правый нижний-правый нижний-левый)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {border-radius: 0px 0px 0px 0px;}

/* Скругление углов в выпадающем списке "ближайший офис"*/
body .os-order-input-office .os-order-select-wrapper {border-radius: 0px 0px 0px 0px;}

/* Поле даты */
body .os-order-input-dates .os-order-input-wrapper {
font-family: arial; /*семейство шрифта*/
color: #000; /*цвет шрифта*/
background: #fff; /*цвет фона*/
border-radius: 5px; /*скругление углов*/
border-color: #c3c3c3; /*цвет рамки*/
}
body .os-order-input-dates .os-order-input-wrapper:after {color: #4cb5ff;} /*цвет иконки календаря. Добавьте !important чтобы сработало*/

/* Кнопка "Отправить" */
body .os-order-form-submit_button {
font: bold 18px Arial; /* шрифт */
color: #ffffff; /*цвет шрифта*/
border: 5px solid #dbdbdb; /*рамка*/
border-radius: 25px; /*скругление углов*/
background: #4cb5ff; /*цвет фона (добавьте !important чтобы сработало) */
height: 50px; /*высота кнопки*/
width: 200px; /*ширина кнопки*/
}
/* Кнопка "Отправить" при наведении мыши (добавьте !important чтобы сработало) */
body .os-order-form-submit_button:hover {
background: #4cb5ff; /*цвет фона (добавьте !important чтобы сработало) */
border-color: #B7B7B7;
}

body .os-order-header-title, .os-order-form-wrap *:after {
color: #ffb84d !important;
}
body .table-condensed .prev, .table-condensed .next, .table-condensed .switch {
background-color: #ffb84d !important;
}
body .datepicker {
border-color: #ffb84d !important;
z-index:9999;
}
body .os-order-form-submit_button {
background-color: #ffb84d !important;
background-image: linear-gradient(to bottom, #ffb84d, #cd861b) !important;
}
</style>
<script>
var osLang = 'ru';
</script>

<script src="Для просмотра ссылки Войди или Зарегистрируйся"></script>

<a onclick="otpMainOrder.showForm(this, 'marker');" class="os-order-form-submit_button" data-country="" data-city="" data-date="" data-other="" data-people="" data-len="" data-comment="" data-office="" data-title-text="Заказать тур">Подобрать тур</a>

при выполнении он выглядит так (нажатие на кнопку открывает окно справа

Спойлер: Скриншот

Суть вопроса в чем: я хочу вставить этот скрипт в слайдер таким образом, чтобы вставив дефолтную кнопку слайдера (например такую кнопку, как на картинке, там, где надпись "Click here" Для просмотра ссылки Войди или Зарегистрируйся, выполнялся скрипт открытия окна "Заказать тур?" (справа на картинке) – то есть чтобы дефолтная кнопка, вставляемая плагином, заменила кнопку, которая предусмотрена скриптом. Пробовал через action, но плагин предлагает только url и callback.
Не прошу за меня решить проблему, просто подтолкните, в каком направлении читать и двигаться?
Хотя, если вы сможете помочь более конкретно, я не откажусь
Заранее спасибо.
P.S. надеюсь, в этот раз ничем правила не нарушил

 

[Elfirich3]

Друзья, нужен совет по функционалу слайдера. Голову уже поломал, а как решить вопрос, не приложу ума.

Вот здесь посмотри на примере вставки формы плагина контакт7 Для просмотра ссылки Войди или Зарегистрируйся по аналогии думаю получится свой скрипт вставить, а если нет то покопайся в их FAQ-ах )

 

[dimella]

Друзья, нужен совет по функционалу слайдера. Голову уже поломал, а как решить вопрос, не приложу ума.
Есть вот такой скрипт:

Спойлер: Скрипт для вставки

<style>
/* Фон и рамка формы */
body .os-order-form-wrap {background: #fff; border: 5px solid #eee;}

/* Заголовок формы */
body .os-order-form-wrap .os-order-header-title {
color: #4cb5ff; /*цвет шрифта.
Добавьте !important сработало, например:
color: blue !important;*/
font-size: 27px; /*размер шрифта*/
font-weight: bold; /*жирность шрифта*/
font-family: arial; /*семейство шрифта*/
}

/* Шрифты и цвета некоторых полей (взрослые и дети, и, возраст детей, возможны другие даты) */
body .os-order-first-title,
body .os-order-and-title,
body .os-order-second-title,
body .os-order-input-dates label {font-family: arial; color: #666;} /*возможны другие даты*/

/* Выпадающие списки (страна, курорт, взрослые, дети, возрасты, длительности) */
body .os-order-form-wrap select {font-family: arial; color: #000;}
body .os-order-select-wrapper,
body .os-order-select-wrapper:after {background: #fff;}
body .os-order-select-wrapper {border-radius: 5px; border: 1px solid #c3c3c3;}
body .os-order-input-duration .os-order-select-wrapper {border-radius: 5px;} /*длительность*/

/* Цвета иконок в полях. Добавьте !important чтобы сработало, например:
body .os-order-input-country .os-order-select-wrapper:after {color: green !important;}*/
body .os-order-form-wrap .os-order-select-wrapper:after {color: #4cb5ff;} /*выпадающий список ближайшего офиса*/

/* Шрифты, их цвета, фон и цвет рамки в полях формы (имя, телефон, е-мейл, пожелания)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {font-family: arial; color: #000; background: #F0F0F0; border-color: #c3c3c3;}

/* Скругление углов в полях формы (имя, телефон, е-мейл, пожелания) (4 значения означают углы: верхний-левый верхний-правый нижний-правый нижний-левый)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {border-radius: 0px 0px 0px 0px;}

/* Скругление углов в выпадающем списке "ближайший офис"*/
body .os-order-input-office .os-order-select-wrapper {border-radius: 0px 0px 0px 0px;}

/* Поле даты */
body .os-order-input-dates .os-order-input-wrapper {
font-family: arial; /*семейство шрифта*/
color: #000; /*цвет шрифта*/
background: #fff; /*цвет фона*/
border-radius: 5px; /*скругление углов*/
border-color: #c3c3c3; /*цвет рамки*/
}
body .os-order-input-dates .os-order-input-wrapper:after {color: #4cb5ff;} /*цвет иконки календаря. Добавьте !important чтобы сработало*/

/* Кнопка "Отправить" */
body .os-order-form-submit_button {
font: bold 18px Arial; /* шрифт */
color: #ffffff; /*цвет шрифта*/
border: 5px solid #dbdbdb; /*рамка*/
border-radius: 25px; /*скругление углов*/
background: #4cb5ff; /*цвет фона (добавьте !important чтобы сработало) */
height: 50px; /*высота кнопки*/
width: 200px; /*ширина кнопки*/
}
/* Кнопка "Отправить" при наведении мыши (добавьте !important чтобы сработало) */
body .os-order-form-submit_button:hover {
background: #4cb5ff; /*цвет фона (добавьте !important чтобы сработало) */
border-color: #B7B7B7;
}

body .os-order-header-title, .os-order-form-wrap *:after {
color: #ffb84d !important;
}
body .table-condensed .prev, .table-condensed .next, .table-condensed .switch {
background-color: #ffb84d !important;
}
body .datepicker {
border-color: #ffb84d !important;
z-index:9999;
}
body .os-order-form-submit_button {
background-color: #ffb84d !important;
background-image: linear-gradient(to bottom, #ffb84d, #cd861b) !important;
}
</style>
<script>
var osLang = 'ru';
</script>

<script src="Для просмотра ссылки Войди или Зарегистрируйся"></script>

<a onclick="otpMainOrder.showForm(this, 'marker');" class="os-order-form-submit_button" data-country="" data-city="" data-date="" data-other="" data-people="" data-len="" data-comment="" data-office="" data-title-text="Заказать тур">Подобрать тур</a>

при выполнении он выглядит так (нажатие на кнопку открывает окно справа

Спойлер: Скриншот

Суть вопроса в чем: я хочу вставить этот скрипт в слайдер таким образом, чтобы вставив дефолтную кнопку слайдера (например такую кнопку, как на картинке, там, где надпись "Click here" Для просмотра ссылки Войди или Зарегистрируйся, выполнялся скрипт открытия окна "Заказать тур?" (справа на картинке) – то есть чтобы дефолтная кнопка, вставляемая плагином, заменила кнопку, которая предусмотрена скриптом. Пробовал через action, но плагин предлагает только url и callback.
Не прошу за меня решить проблему, просто подтолкните, в каком направлении читать и двигаться?
Хотя, если вы сможете помочь более конкретно, я не откажусь
Заранее спасибо.
P.S. надеюсь, в этот раз ничем правила не нарушил

Можно попробовать вставить контактную форму как предложил Для просмотра ссылки Войди или Зарегистрируйся:

Вот здесь посмотри на примере вставки формы плагина контакт7 Для просмотра ссылки Войди или Зарегистрируйся по аналогии думаю получится свой скрипт вставить, а если нет то покопайся в их FAQ-ах )

А для кнопки "Заказать тур" назначить действие, по которому форма появляется при нажатии кнопки:



Только вместо image1 указать вашу форму!

 

[janefox]

Друзья, нужен совет по функционалу слайдера. Голову уже поломал, а как решить вопрос, не приложу ума.
Есть вот такой скрипт:

Спойлер: Скрипт для вставки

<style>
/* Фон и рамка формы */
body .os-order-form-wrap {background: #fff; border: 5px solid #eee;}

/* Заголовок формы */
body .os-order-form-wrap .os-order-header-title {
color: #4cb5ff; /*цвет шрифта.
Добавьте !important сработало, например:
color: blue !important;*/
font-size: 27px; /*размер шрифта*/
font-weight: bold; /*жирность шрифта*/
font-family: arial; /*семейство шрифта*/
}

/* Шрифты и цвета некоторых полей (взрослые и дети, и, возраст детей, возможны другие даты) */
body .os-order-first-title,
body .os-order-and-title,
body .os-order-second-title,
body .os-order-input-dates label {font-family: arial; color: #666;} /*возможны другие даты*/

/* Выпадающие списки (страна, курорт, взрослые, дети, возрасты, длительности) */
body .os-order-form-wrap select {font-family: arial; color: #000;}
body .os-order-select-wrapper,
body .os-order-select-wrapper:after {background: #fff;}
body .os-order-select-wrapper {border-radius: 5px; border: 1px solid #c3c3c3;}
body .os-order-input-duration .os-order-select-wrapper {border-radius: 5px;} /*длительность*/

/* Цвета иконок в полях. Добавьте !important чтобы сработало, например:
body .os-order-input-country .os-order-select-wrapper:after {color: green !important;}*/
body .os-order-form-wrap .os-order-select-wrapper:after {color: #4cb5ff;} /*выпадающий список ближайшего офиса*/

/* Шрифты, их цвета, фон и цвет рамки в полях формы (имя, телефон, е-мейл, пожелания)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {font-family: arial; color: #000; background: #F0F0F0; border-color: #c3c3c3;}

/* Скругление углов в полях формы (имя, телефон, е-мейл, пожелания) (4 значения означают углы: верхний-левый верхний-правый нижний-правый нижний-левый)*/
body .os-order-user-contacts input,
body .os-order-form-wrap textarea {border-radius: 0px 0px 0px 0px;}

/* Скругление углов в выпадающем списке "ближайший офис"*/
body .os-order-input-office .os-order-select-wrapper {border-radius: 0px 0px 0px 0px;}

/* Поле даты */
body .os-order-input-dates .os-order-input-wrapper {
font-family: arial; /*семейство шрифта*/
color: #000; /*цвет шрифта*/
background: #fff; /*цвет фона*/
border-radius: 5px; /*скругление углов*/
border-color: #c3c3c3; /*цвет рамки*/
}
body .os-order-input-dates .os-order-input-wrapper:after {color: #4cb5ff;} /*цвет иконки календаря. Добавьте !important чтобы сработало*/

/* Кнопка "Отправить" */
body .os-order-form-submit_button {
font: bold 18px Arial; /* шрифт */
color: #ffffff; /*цвет шрифта*/
border: 5px solid #dbdbdb; /*рамка*/
border-radius: 25px; /*скругление углов*/
background: #4cb5ff; /*цвет фона (добавьте !important чтобы сработало) */
height: 50px; /*высота кнопки*/
width: 200px; /*ширина кнопки*/
}
/* Кнопка "Отправить" при наведении мыши (добавьте !important чтобы сработало) */
body .os-order-form-submit_button:hover {
background: #4cb5ff; /*цвет фона (добавьте !important чтобы сработало) */
border-color: #B7B7B7;
}

body .os-order-header-title, .os-order-form-wrap *:after {
color: #ffb84d !important;
}
body .table-condensed .prev, .table-condensed .next, .table-condensed .switch {
background-color: #ffb84d !important;
}
body .datepicker {
border-color: #ffb84d !important;
z-index:9999;
}
body .os-order-form-submit_button {
background-color: #ffb84d !important;
background-image: linear-gradient(to bottom, #ffb84d, #cd861b) !important;
}
</style>
<script>
var osLang = 'ru';
</script>

<script src="Для просмотра ссылки Войди или Зарегистрируйся"></script>

<a onclick="otpMainOrder.showForm(this, 'marker');" class="os-order-form-submit_button" data-country="" data-city="" data-date="" data-other="" data-people="" data-len="" data-comment="" data-office="" data-title-text="Заказать тур">Подобрать тур</a>

при выполнении он выглядит так (нажатие на кнопку открывает окно справа

Спойлер: Скриншот

Суть вопроса в чем: я хочу вставить этот скрипт в слайдер таким образом, чтобы вставив дефолтную кнопку слайдера (например такую кнопку, как на картинке, там, где надпись "Click here" Для просмотра ссылки Войди или Зарегистрируйся, выполнялся скрипт открытия окна "Заказать тур?" (справа на картинке) – то есть чтобы дефолтная кнопка, вставляемая плагином, заменила кнопку, которая предусмотрена скриптом. Пробовал через action, но плагин предлагает только url и callback.
Не прошу за меня решить проблему, просто подтолкните, в каком направлении читать и двигаться?
Хотя, если вы сможете помочь более конкретно, я не откажусь
Заранее спасибо.
P.S. надеюсь, в этот раз ничем правила не нарушил

Весь скрипт вставляешь в функцию Javascript, а через Callback вызываешь эту функцию.

 

[starwanderer]

Slider Revolution Responsive WordPress Plugin 5.4.6.3.1

Спойлер: Changelog

Version 5.4.6.3.1 StarPath (15th November 2017)

BUGFIXES
HotFix Instagram API issue

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

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