Shopify Offer & News Scroller

Offer & news slider apps for shopify

• created: 08/15/2015
• latest update: 08/30/2015
• by: SolverCircle Ltd
• email: shopify@solvercircle.com

Thank you for purchasing our “Shopify Offer & News Scroller” Apps. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. Thank you so much !

“Shopify Offer & News Scroller” is used to show the news or relevant posts in your shopify store with various sliding effects and themes layout. It can be placing in the footer area of your shopify store. “Shopify Offer & News Scroller” shows latest news or content with Title, Image and Description.

“Shopify Offer & News Scroller” Apps is suitable for any types shopify stores. This Apps has some excellent features and very easy to setup and configure.

“Shopify Offer & News Scroller” is more flexible and compatible with many existing Apps in the Shopify repository. This App is fully customizable. Users can easily configure the App into the new or existing Shopify Store.

• Unlimited news or events can be shown at the frontend.
• News title, description and image upload facilities are available.
• Specific News can be activate or deactivate.
• News and design previews are available.
• Store owner can Activate/Deactivate the Apps from “Layout Settings”.
• Title alignment can be set to left, center or right positions.
• Title, News Title, News Description and Background color can be set.
• Various slider effects such as Scroll Horizontal, Scroll Vertical, Fade and Fade Out.
• Scroll speed and timeout can be customized.
• Many types different Themes are available such as Gray, Gray Black, White, Solid Pink, Gradient Pink, Solid Black, Gradient Black, Solid Red, Gradient Red, Light Black, Orange, Solid Blue, Gradient Blue, Sky Blue, Solid Green, Gradient Green, Maroon, Gradient Maroon, Olive, Gradient Olive, Gradient Yellow and Light Yellow.
• Pager/Pagination can show or hide.
• Pager color and active pager color can set.
• News content’s height can be set.
• Image width and height can be customized.
• Responsive design.
• Advance user can use custom CSS (cascading style sheet).

1. Login your Shopify Store in Admin panel.
2. Now hit our App URL: https://apps.shopify.com/news-scroller and click to "Get App" button.
3. After installing the app, you need to make a liquid code change in your store theme. Add the Following Codes to wherever the Widget needs to be shown.

If you are not familiar with liquid code changes or need any sort of help then just add install@solvercircle.com as a staff member of your store (If you don't know how to add "staff member" then click here), email us to explain the problems and we will fix the issues for you.

Go to "Themes" menu from your store admin panel and click on "Edit HTML / CSS" to add the following script in theme.liquid file:

<!--Start: SC News Scroller -->
<div id="sc-ns-widget"></div>
<script type="text/javascript" src="/apps/news-scroller/assets/js/sc_scripts_loader.min.js"></script>
<script type="text/javascript" src="/apps/news-scroller/scripts/js/ns.js"></script>
<!--End: SC News Scroller -->

Code screenshot has given below:

We placed in the footer section of the theme.liquid file:

4. Now Go to “Apps” menu of Admin Dashboard and click on the “News Scroller” Apps link.
5. By default it will display “Layout Settings”, “Effect Settings” and “Custom CSS” under “Form Settings” option.
6. To show the news in frontend you must add some news from “News Content” tab. Then go to Form Settings tab and configure your settings.

You can use this App in different types of news or events.