The purpose of this article is to explain the configurable settings available to you within the Pro Blogger application to manage the look and feel of the responsive slider of Related Articles in your blog.
It also assumes you have completed the Liquid Installation instructions found here.
Getting to the Application
- Log on to you Shopify store (if you havent already) via https://<yourstorename>.myshopify.com/admin
- This will take you to your stores Dashboard.
- In the lower left hand side you will see an option called ‘Applications‘. Click on it
- This will open the Apps dashboard in the right pane. In the list you will see the ‘Pro Blogger’ app. Click on it
- This will open the up the app console as per the below.
- Click on Accordion option labelled ‘Related Articles’
- Enable/Disable – The Master Switch. Turning this on (with liquid installed) will display the responsive slider and off.. well that will turn it off.
Here is where you determine the best logic to get the best match between your blogs and articles. For more detail on how this works – read here
- Title Relevance – select the importance of having the Title of other Articles match your Article’s Tags. ‘Not Important’ will mean this match is ignored.
- Tag Relevance – select the importance of having the Tags of other Article match your Article’s Tags. ‘Not Important’ will mean this match is ignored.
- Author Relevance – select the importance of having the Author of other Articles match your Article’s Author. ‘Not Important’ will mean this match is ignored.
Slider Display Options
This section decides how your slider looks and behaves so you can fine tune it to the layout of your store.
- Slider Header – this the text above the responsive slider. It is a HTML input so you can style however you wish to match your theme. The default is ‘<h4>Related Articles</h4>’ but if you wish it to say “Try Reading These?” simply change to ‘<h4>Try Reading These?</h4>’.
- Article Content Length – This setting allows the ability to define how much of the articles content you want to display in the slider under each related articles image.
- Slider Size – This allows you to set the maximum number of items in the slider.
- Slider Display – This the number of items in the slider to display at once. If your Items to Display is less then your Slider Size – then the sliders will scroll. If you choose more or the same it will be fixed unless the screen size is made smaller than the slider width.
- Use standard image sizes and shapes for your Articles featured images. This will ensure they look great and are not distorted!
- For horizontal sliders its recommended to have a maximum (10) Slider Size and a Display number of 3-5 depending on your site display width
- For vertical/side bar sliders its recommended to display 1 item and reduce the Slider Size 3-4. This prevents bunching of the scroll dots and looks cleaner.