{"id":623,"date":"2023-05-18T12:39:03","date_gmt":"2023-05-18T11:39:03","guid":{"rendered":"https:\/\/www.prestafusion.com\/blog\/?page_id=623"},"modified":"2023-05-18T13:18:24","modified_gmt":"2023-05-18T12:18:24","slug":"scrolling-text-pro","status":"publish","type":"page","link":"https:\/\/www.prestafusion.com\/blog\/documentation\/scrolling-text-pro","title":{"rendered":"Scrolling Text Pro"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"introduction\">Introduction<\/h2>\n\n\n\n<p>The Scrolling Text Pro module allows you to create scrolling text marquee tickers for your website and display them on your homepage and across various pages on your site. The module is great for displaying site and service notices, promotions or other messages that you&#8217;d like to attract your customers attention to.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation\">Installation<\/h2>\n\n\n\n<p>The installation procedure is very much similar to most other Prestashop modules. No core changes are required therefore installation is straight forward. Be sure to follow the instructions below for a successful installation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upload the module folder to your store\u2019s module folder: <code>{root}\/modules\/<\/code><\/li>\n\n\n\n<li>After uploading the module, in the Prestashop Back Office, head over the to the <strong>Modules<\/strong> section.<\/li>\n\n\n\n<li>Search for the module and choose the install option<\/li>\n\n\n\n<li>After a successful installation the module is ready to be used. Initially the module\u2019s main configuration page will be displayed. We\u2019ll take a<\/li>\n\n\n\n<li>look on how to use the module below.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"configuration\">Configuring the module<\/h2>\n\n\n\n<p>The module configuration page will allow you to create new scrolling text tickers and configure their appearance, location and behavior.  The first thing you&#8217;ll see when you click the configure link is a screen with a list of Tickers you have already created. Of course, if this is the first time you are configuring the module then the list will be empty. To create a new ticker, click the Create a new scrolling ticker button.  This will now load a screen divided into 3 tabs; namely Appearance, Location and Content. Lets take a look at the tabs.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/documentation-images\/scrollingtextpro\/configuration-installation.jpg\" alt=\"Configuring the module\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configuration-appearance\">Appearance<\/h3>\n\n\n\n<p>This section allows you to configure the appearance of the Scrolling Ticker Marquee you are creating, each of the options available are described below:<\/p>\n\n\n\n<p><strong>Ticker Name<\/strong><br>Enter a name to help you identify your ticker, such as &#8220;Christmas delivery notice&#8221;<\/p>\n\n\n\n<p><strong>Ticker Color<\/strong><br>This is the background color of the Ticker, click on the field to pick a color from the color picker pop up.<\/p>\n\n\n\n<p><strong>Text Color<\/strong><br>The color of the text which be displayed in the ticker.<\/p>\n\n\n\n<p><strong>Font<\/strong><br>The name of the font to be used for the text in the scrolling marquee.<\/p>\n\n\n\n<p><strong>Font Bold<\/strong><br>Choose whether or not the text in the ticker should be normal weight or embolded.<\/p>\n\n\n\n<p><strong>Font Italic<\/strong><br>Choose whether or not the text in the ticker should be Italic style or not.<\/p>\n\n\n\n<p><strong>Font Size<\/strong><br>The size of the font in PIxels. Only enter a numeric value in this field. For example for 30 PIxel font size, enter 30<\/p>\n\n\n\n<p><strong>Ticker Height<\/strong><br>The height of the actual ticker banner.<\/p>\n\n\n\n<p><strong>Ticker Duration<\/strong><br>The time in seconds it should take for all the text to scroll across once. This duration should allow enough time for the customer to comfortably read the scrolling message.<\/p>\n\n\n\n<p><strong>Direction<\/strong><br>The direction the scrolling animation should take, either from Left to Right or Right to Left.<\/p>\n\n\n\n<p><strong>Background Image<\/strong><br>Choose a background image for your ticker <\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configuration-location\"><strong>Location<\/strong><\/h3>\n\n\n\n<p>The Location tab allows you to configure where your scrolling text ticker will appear. Below are the options available:<\/p>\n\n\n\n<p><strong>Display Location<\/strong><br>Choose to display the ticker in either the header or the footer of your store.<\/p>\n\n\n\n<p><strong>Homepage<\/strong><br>When enabled the marquee will be displayed on the homepage<\/p>\n\n\n\n<p><strong>Cart<\/strong><br>When enabled the marquee will be displayed on the cart page<\/p>\n\n\n\n<p><strong>Categories<\/strong><br>Select individual categories from the category tree to display the marquee on<\/p>\n\n\n\n<p><strong>Products<\/strong><br>Search for the product(s) you would like the marquee to appear on. The marquee will then appear on those specific product pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"configuration-content\"><strong>Content<\/strong><\/h3>\n\n\n\n<p>The content tab allows you to enter the content for your marquee and also control when the marquee will appear. Let&#8217;s take a look at the options for this tab:<\/p>\n\n\n\n<p><strong>Ticker Text<\/strong><br>Simply enter the text which should scroll across the banner.<\/p>\n\n\n\n<p><strong>Ticker Link<\/strong><br>If your ticker links to a specific page, enter the link into this field.<\/p>\n\n\n\n<p><strong>Start Date &amp; End Date<\/strong><br>Does your ticker need to appear within a certain time period? If so, you can select a start and end date \/ time for these fields and the ticker will automatically be disabled outside of this period.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"frontend\">You&#8217;re all set<\/h2>\n\n\n\n<p>After creating your marquee and saving it in the back office, the scrolling text ticker should now appear in your store. Below is an example of a ticker on the homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/blog\/wp-content\/uploads\/documentation-images\/scrollingtextpro\/frontend.jpg\" alt=\"Scrolling Text Pro on the front end\"\/><\/figure>\n\n\n\n<p><a href=\"https:\/\/addons.prestashop.com\/en\/blocks-tabs-banners\/40295-scrolling-text-pro.html\" class=\"btn-cta-primary btn-full-width\">Get Scrolling Text Pro on Prestashop Addons site<\/a><\/p>\n<p><a href=\"https:\/\/www.prestafusion.com\/prestashop-modules\/42-scrolling-text-pro-prestashop.html\" class=\"btn-cta-primary btn-full-width\">Get Scrolling Text Pro on Prestafusion<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction The Scrolling Text Pro module allows you to create scrolling text marquee tickers for your website and display them on your homepage and across various pages on your site. The module is great for displaying site and service notices, promotions or other messages that you&#8217;d like to attract your customers attention to. Installation The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":628,"parent":59,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-documentation.php","meta":{"footnotes":""},"class_list":["post-623","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":4,"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":653,"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/pages\/623\/revisions\/653"}],"up":[{"embeddable":true,"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/pages\/59"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/media\/628"}],"wp:attachment":[{"href":"https:\/\/www.prestafusion.com\/blog\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}