Новостная бегущая строка для Shop-Script

СОДЕРЖАНИЕ:

• Можно ли разместить плагин в разных местах на сайте с произвольным текстом?
• Как сделать, что бы при нажатии на текст, осуществлялся переход на URL?
• Как изменить анимацию появления и исчезания текста, используя код для вставки?
• Какие еще параметры можно использовать в коде для вставки в шаблон?
• Как разместить Новостную бегущую строку на странице определенного товара с произвольным текстом?
• Как разместить Новостную бегущую строку на странице определенной категории с произвольным текстом?

Можно ли разместить плагин в разных местах на сайте с произвольным текстом?

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

{shopNewstickerPlugin::show(true, [text=>'Ваш произвольный текст!'])}

Пример множественного использования:
{shopNewstickerPlugin::show(true, ['text'=>'Ваш произвольный текст'], 1)}
{shopNewstickerPlugin::show(true, ['text'=>'Еще один произвольный текст'], 2)}
{shopNewstickerPlugin::show(true, ['text'=>'Следующий произвольный текст.
Вы можете использовать перенос, для вставки еще одой строки.'], 3)}
{shopNewstickerPlugin::show(true, [text=>"Ваше сообщение\nВаше следующее сообщение"], 4)}

При этом у каждой строки может быть уникальный ID, например 1,2,3,4 и т.д. который будет добавлен в виде класса (.newsticker-1), который в последствии можно использовать например для переназначения CSS стилей в текущей теме дизайна.
CSS:

.newsticker-1{
    font-weight: bold;
    background: red !important;
}

Как сделать, что бы при нажатии на текст, осуществлялся переход на URL?

Ответ:
Обновите плагин до последней версии. Укажите URL в настройках плагина.
Также, для реализации такой возможности, можно использовать следующий код:

<a href="http://google.com" style="text-decoration: none;" target="_blank">
    {shopNewstickerPlugin::show()}
</a>

Как изменить анимацию появления и исчезания текста, используя код для вставки?

Ответ:

{shopNewstickerPlugin::show(true, [
     'text'=>'Произвольный текст',
     'newsticker_type'=>'text_animation',
     'textillate_effect_in'=>'fadeIn',
     'textillate_effect_out'=>'fadeOut'
])}

Список всех анимаций:

flash, bounce, shake, tada, swing, wobble, pulse, flip, flipInX, flipOutX, flipInY, flipOutY, fadeIn, fadeInUp, fadeInDown, fadeInLeft, fadeInRight, fadeInUpBig, fadeInDownBig, fadeInLeftBig, fadeInRightBig, fadeOut, fadeOutUp, fadeOutDown, fadeOutLeft, fadeOutRight, fadeOutUpBig, fadeOutDownBig, fadeOutLeftBig, fadeOutRightBig, bounceIn, bounceInDown, bounceInUp, bounceInLeft, bounceInRight, bounceOut, bounceOutDown, bounceOutUp, bounceOutLeft, bounceOutRight, rotateIn, rotateInDownLeft, rotateInDownRight, rotateInUpLeft, rotateInUpRight, rotateOut, rotateOutDownLeft, rotateOutDownRight, rotateOutUpLeft, rotateOutUpRight, hinge, rollIn, rollOut

Какие еще параметры можно использовать в коде для вставки в шаблон?

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

margin_top => 0
margin_right => 0
margin_bottom => 10
margin_left => 0
margin_type => 'px'
padding_top => 0
padding_right => 0
padding_bottom => 0
padding_left => 0
padding_type => 'px'
border_radius => 0
border_type => 'px'
background_texture => 'noise'
text_shadow => '1px 1px 3px rgba(0,0,0,0.75)'
box_shadow => 'none'
newsticker_type => 'newsticker'
text => ''
url => ''
newsticker_direction => 'left'
newsticker_pause_on_hover => 1
newsticker_speed => 5
newsticker_delay_before_start => 1000
font_size => '2em'
font_family => 'Roboto'
newsticker_bg_color => '#CC0033'
newsticker_text_color => '#FFF'
text_align => 'center'
width => 'auto'
position => ''
textillate_initial_delay => 1000
textillate_effect_in => 'bounceIn'
textillate_effect_out => 'flipOutX'
textillate_enable_looping => 1
textillate_animation_type => 'word'
textillate_animation_variants_in => 'none'
textillate_animation_variants_out => 'shuffle'
textillate_delay_in => 50
textillate_delay_out => 50
textillate_random_animation => 0
storefronts => []

Как разместить Новостную бегущую строку на странице определенного товара с произвольным текстом?

Ответ:
В текущей теме дизайна, в файл product.html добавьте код предоставленный ниже.
{* Отображение бегущей строки на странице товара с определенным URL *}

{if $product.url=='myurl'}
    {shopNewstickerPlugin::show(true, ['text'=>'Ваш произвольный текст'], 2)}
{/if}
Где 'myurl' - идентификатор из URL. Например: https://site.com/product/myurl/

{* Отображение бегущей строки только для товара с определенным ID *}

{if $product.id==123}
    {shopNewstickerPlugin::show(true, ['text'=>'Ваш произвольный текст'], 3)}
{/if}
Где 123 - идентификатор товара.

{* Отображение бегущей строки только для указанной категории товаров *}

{if $product.category_id==123}
    {shopNewstickerPlugin::show(true, ['text'=>'Ваш произвольный текст'])}
{/if}
Где 123 - ID категории.

Как разместить Новостную бегущую строку на странице определенной категории с произвольным текстом?

Ответ:
В текущей теме дизайна, в файл category.html добавьте код предоставленный ниже.
{* Отображение бегущей строки на странице категории с определенным URL *}

{if $category.url=='myurl'}
    {shopNewstickerPlugin::show(true, ['text'=>'Ваш произвольный текст'], 2)}
{/if}
Где 'myurl' - идентификатор из URL. Например: https://site.com/product/myurl/

{* Отображение бегущей строки только в категории с определенным ID *}

{if $category.id==123}
    {shopNewstickerPlugin::show(true, ['text'=>'Ваш произвольный текст'], 3)}
{/if}
Где 123 - идентификатор товара.