Ahead - Release Notes

What’s New: Stay updated about new features and capabilities on Ahead for your website.

Release Notes: 11th June 2019

Google Fonts Support

We can now customise and recommend the best Google Font for your website. Get in touch with us if you'd like to upgrade!

You can use the same font across the website or set Primary Font and Secondary Font separately. The former is used in titles and highlights, whereas the latter is used in sub-headlines, text elements, etc.

Choose the right font for your website based on the language you publish in.

Story Element Templating

Story Elements are used to highlight key parts of your content. We now support changing the current style for the story element listed below.

Summary Element

The summary element is a way to give your audience a gist of what your story is about.

By default, the style of the summary element is as the first image shown below. We now have two more variations to choose from. Please get in touch with us through support@quintype.com if you'd like to update your website with any of the styles below.

Option 1:

Option 2:

Option 3

Blurb Element

The blurb element is a short description that can be used to highlight important parts of your story.

By default, the style of the blurb element is as the first image shown below. We now have a few more variations to choose from. Please get in touch with us through support@quintype.com if you'd like to update your website with any of the styles below.

Option 1

Option 2

Option 3

Option 4

Text Story Templates

Last time we introduced 2 out of our 6 text story templates. If you'd like to switch the layout of your current 'text' story to any of the templates below, please get in touch with us through support@quintype.com

Headline & Hero Priority

Headline Priority

Headline Sideway

'Hero Overlay' and 'Hero Priority' are the ones we'd introduced last time. You can see them in the previous release note. 'Hero Wide', is our default text story template (and most likely in use on your current website).

Support for sub-menu in 'default' menu group for Mobile

Previously, sub-menu for 'default' menu group wasn't displayed on mobile devices. Here's what it looks like now:

Release Notes: 16th April 2019

New Text Story Templates

You can now replace your existing text story template with any of the story templates below! Please get in touch with us through support@quintype.com if you'd like to make the switch.

Hero Priority

This story template works well for for publishers that have an impactful hero image that stands out.

This template also works without a hero image. Ad slots are supported at the end of the story and between two cards.

Hero Overlay

This story template works well for for publishers who want to keep their hero image low-key.

This template also works without a hero image. Ad slots are supported at the end of the story and between two cards.

New Collection Layout: Three Column Grid

This layout can be previewed on site-name/template-options.

Coming Soon: Upgrade of Story Elements

We're working on upgrading the layouts available for story elements that will be applicable for all story types.

Release Notes: 13th March 2019

Introducing New Default/Text Story Templates

We’ve improved our existing text story template to,

  • Support caption/attribution for hero images.
  • Reduce white spacing. And also better utilise the space available.
  • With a grid based layout, this allows us to enhance better in future.

We also intend to introduce more templates that you can choose from based on the identity of your brand.

We would soon be making the transition to this template. Here's a sample of what the new template looks like:

We will also be introducing more templates for text, photo, video story types soon.

Release Notes: 15th February 2019

Desktop App Support

A recent Chrome version has released some exciting support for Desktop Progressive Web Applications. Desktop progressive web apps can be 'installed' on the user's device much like native apps. They're fast. Feel integrated because they launched in the same way as other apps, and run in an app window, without an address bar or tabs.

Menu Group for Footer

Menu Groups allow you to put together specific pages such as sections, tags, or any URL. This allows you to have control over which group of pages are linked on your header, sidebar etc. We now support a menu group called 'footer' for you to customise.

Styling for Story Share Icons

Customise the look of your story share icons by choosing between monochrome or native application colours. Reach out to us through support@quintype.com if you'd like to make this change on your website.

Release Notes : 3rd January, 2019

New Story Template: Visual Story (AMP Stories)

A visual storytelling format for the open web

Introduced by AMP Project, 'Visual Story' is an immersive storytelling format that enables you to create visual content. The Standard Application from Quintype, now supports this through a new story type called 'Visual Story'. Here's what a sample visual story would look like (best viewed on your mobile device) -

https://madrid.quintype.io/ampstories/visual-stories/2018/12/20/why-you-need-a-dog-in-your-life

Talk to us at support@quintype.com to enable this feature for your platform. Read more about Visual Stories here.

Release Notes : 18th December, 2018

Configurable Infinite Scroll

‘Infinite Scroll’ in story pages is currently supported through a collection called ‘Curated Story List’. You can now configure ‘Infinite Scroll’ behaviour in 2 ways -

  1. Set rules on ‘Curated Story List’ collection to determine story order. For eg: Latest Published, Trending in the last 4 hours etc.
  2. Infinite Scroll can also be preset to be section based. i.e. A reader in ‘Politics’ section will see more politics stories loaded on infinite scroll. Contact us through support@quintype.com if you’d like to configure this behaviour.

If you want to disable infinite scroll, you can set the ‘Curated Story List’ collection to ‘Manual’ without any sorted stories.

SEO for Author Pages

Meta title is now the Author’s name and the meta description is taken from the Author’s bio.

PWA Install Notification

Google now allows us to style and control the PWA installation notification. This notification will be hidden for user who’ve installed the PWA app already.

Release Notes : 3rd December, 2018

Sidebar Menu Group Support

The new headers now come with the support for controlling the menu options shown on the sidebar menu (hamburger menu) as well.

In order to do this, add a menu group called ‘sidebar-menu’. Once added, you can add any menu item specifically to the sidebar.

Release Notes: 28th November, 2018

Improved Header Options

We’ve upgraded the headers being offered as part of the Standard Application. We’ve introduced designs that are more in line with the latest trends and provides a greater reading experience for your audience.

There are two categories - Two-Menu Headers and Single Menu Headers. Please get in touch with us through support@quintype.com if you would like to update to any of the designs listed below.

Two-Menu Headers

Header 1

Corresponding behaviour on scroll:

Header 2

Corresponding behaviour on scroll:

Header 3

Corresponding behaviour on scroll:

Header 4

Corresponding behaviour on scroll:

There are two groups of menus. This is driven by menu groups - ‘default’ and ‘secondary menu’.

Currently, all menu items are automatically added to the ‘default’ menu group. This will continue as is and will appear on the bottom menu.

To add menu items to the top menu, add it to menu group, ‘secondary-menu’. Here’s how:

Configurations possible include:

  • Top menu Background Colour (hex code)
  • Top menu Text Colour (hex code)
  • Bottom menu Background Colour (hex code)
  • Bottom menu Text Colour (hex code)
  • Top menu logo (Maximum of 212x56)
  • Bottom menu On Scroll Logo. (Square - 512x512)

Single Menu Headers

Header S1

Header S2

Header S3

Header S4

Header S5

Currently, all menu items are automatically added to the ‘default’ menu group. This will continue as is and will appear as shown in the images above.

The same header is retained on scroll.

Configurations possible include:

  • Background Colour (hex code)
  • Text Colour (hex code)
  • Logo (Maximum of 212x56)

Release Notes: 07th November 2018

New Layout: Slider - Collection of Collections

So far we've had collection of stories on the Home Page and also the option of adding custom collections to Section Pages. We are now introducing a layout option that allows you to use a 'Collection of Collections' within a Landing Page.
Here's how it works with an example -

  1. Create a new collection called, 'Most Popular' and set it to 'Automated'.
  2. Inside the 'Most Popular' collection, add more collections such as 'Politics', 'Sports', 'Regional' and 'Entertainment'.
  3. Make sure you add a minimum of 4 collections.
  4. The Cover Image of each collection is used for display.
  5. Add 'Most Popular' collection to 'Home' collection or any landing page collection.
  6. Click on 'Manage' button and select the option 'Slider - Collection of Collections'.
  7. Save and publish the 'Home' collection.

Design for reference:

Release Notes: 22nd October 2018

SEO Enhancements

Based on best practises in the industry, we have made some enhancements to our SEO logic.

Note

Try to always add ‘Meta Title’ and ‘Meta Description’ for your story.
  • The title tag picks the 'Meta Title' if available. In the absence of a ‘Meta Title’, this will pick the headline.
  • OG Title will pick the headline.
  • OG Description picks the ‘Social Share Message’. If social share message is blank, OG Description will be blank.
  • Meta Description tag uses the ‘Meta Description’ added. If ‘Meta Description’ field is blank, this tag will pick ‘Social Share Message’. If both are blank, the Meta Description remains blank.

Caching for Author Pages and Static Pages

We have implemented caching for Author pages and Static Pages. This ensures that in the event of a downtime, the website would served from cache.

Table Element Support

Table element is now supported on Story Pages.

Improvements

We appreciate the feedback shared with our Support Team (support@quintype.com) and for helping us constantly improve our product. Below are the improvements we’ve made based on your inputs -

  • Author pages were showing duplicate stories on click of the ‘Load More’ button. This has been resolved.
  • Hero images work well with focus point on Tablet devices now.
  • Sub-sections were throwing 404 when added to a landing page collection. This has been resolved.
  • Breaking News - Spacing between headlines has been improved.
  • Spacing between all collections in landing pages has been improved.

Release Notes: 27th September 2018

‘Load More’ Button for ‘One Column Story List’ and ‘Four Column Grid’

Both the ‘Once Column Story List’ and ‘Four Column Grid’ layouts allow you to enabled a ‘Load More’ button.

While enabling load more, ensure you add -

  • Initial Stories Load Count: The number of stories displayed on first load.
  • Subsequent Stories Load Count: The number of stories displayed after click of ‘Load More’ button.

The best way to try out all templates and their options are by heading to <yourdomainname>/template-options

Configurable Section Pages

Section Pages have a default layout supported in the Standard Theme. If you wish to configure section pages similar to how the home page, follow the steps below:

  1. Add collections to the section collection. For example, the collection for section ‘Travel’ can have collections ‘North’, ‘South’, ‘East’ and ‘West’ in them.
  2. Use the ‘Manage’ button to set layouts for each of these collections individually. For example, ‘East’ might be a ‘Half Image Slider’. Click on the ‘Apply’ button.
  3. ‘Save & Publish’ the collection.

Note

Section collections automatically follow the default basic layout. 

Configurable Collection Pages

Similar to sections, Collection Pages can also be configured. Follow the steps below:

  1. Create a collection from the workspace with story type ‘Story Collection’. For example, ‘FIFA World Cup 2018’.
  2. Add collections to this collection. For example, the collection for can have collections ‘Russia’, ‘Brazil’, ‘Iran’ etc.
  3. Use the ‘Manage’ button to set layouts for each of these collections individually. For example, ‘Russia’ might be a ‘Half Image Slider’. Click on the ‘Apply’ button.
  4. ‘Save & Publish’ the collection.
  5. This will have the slug format of 'domain-name.com/collection/collection-name'

Support for menu with Type 'Placeholder'.

Platform support a menu of type ‘Placeholder’. On the Standard theme, this can be used as a parent for a set of sub-menu items. It will not be clickable.

New Story Type - ‘News Elsewhere’

This story type allows you to add a ‘Reference URL’. On landing pages, on click a user will be navigated to the reference link on a new tab.

Note

This story type will be hidden from Infinite Scroll. 

Release Notes: 4th September 2018

Layouts: Show/Hide 'Collection Title' Configuration

All layouts used in the ‘Home’ page now support the option to show or hide the title.

New Story Type: Sponsored Stories

The Platform allows a story to be marked as Sponsored

The sponsor information will be displayed on the story page.

Story Type Enhancement: Breaking News

We have updated the design for breaking news so that it appears more crisp while showing more content.

You can contact support@quintype.com and have us configure -

  1. Background Colour,
  2. Title Displayed,
  3. and choose between either of the two templates below (template 1 and template2).

Support for Static Pages

Platform allows you to add static pages with custom HTML from the editor. This is not supported on the Standard Template.

Release Notes: 21st August 2018 

New Home Collection Template - One Column Story List

Here’s how it works -

  • In the ‘Home’ collection, click on the ‘Manage’ button and choose One Col Story List’.
  • This collection layout also includes additional configurations as listed below: 
    • Enable Load More Button - Enable this option to show the ‘Load More’ button.
    • Initial Stories Load Count - Numbers of stories to show in view before the ‘Load More’ button is clicked. This defaults to 6 stories.
    • Subsequent Stories Load Count - Number of stories to load after the ‘Load More’ button is clicked. This defaults to 10 stories.
    • Lazy Load Images - Load the images in the component after loading. This reduces the weight of the page. This will boost performance if used below the fold.
    • Client Side Only - Renders the component only on the client side. This also reduces the weight of the page, and is useful for components *well* below the fold.

Gallery Element - Click to View and Zoom

The Gallery element in stories now support click, allowing you to view the enlarged image with an option to zoom as well.

Public Preview Support

Public Preview is now supported for all story types. Public Preview allows publishers to share a link to the story for approvals or review of an external party (outside of Quintype Platform access) without actually publishing the story. This is typically used for sponsored content.

Release Notes: 31st July 2018

Video Story Template - YouTube, DailyMotion Supported

Here’s how it works -

  • In the Workspace, select the story type ‘Video Story’.
  • The first card within the story must include a YouTube or a DailyMotion video URL that would appear in the place of hero image within the story.
  • On all landing pages, such as home page, section pages etc, the hero image will be displayed with a play icon to represent the video story.
  • Eg: https://madrid.quintype.io/videos/2018/08/21/inspiring-animal-rescue-stories

Sample of how this would look on the Home Page:

Sample Story Page:

Photo Story Template

Here’s how it works -

  • In the Workspace, select the story type ‘Photo Story’.
  • Every card must have an image as it’s first element.
  • Card level share is also supported for this template.

Sample Photo Story:

New Home Collection Template - Full Image Slider

Here’s how it works -

  • In the ‘Home’ collection, click on the ‘Manage’ button and choose ‘Full Image Slider’.
  • This collection layout also includes additional configurations as listed below: 
    • Full Width Container - Enable this option to get the slider in full width of the website.
    • Show Arrows - This option allows you to show arrows on hover over a story. This is enabled by default on mobile view.
    • Slider Type - Dots/Dashes - Two options are available to indicate the number of stories in the slider.
    • Number Of Stories To Show - Set a limit for number of stories that need to show in the slider. By default, the slider shows 6 stories.
    • Show Section Tag - Enable this option to show the section tag.
    • Show Collection Name - Enable this option to show the title of the collection.
    • Show Author Name - Enable this option to show the author name.
    • Show Time Of Publish - Enable this option to show the time of publish.
    • Set Scroll Speed - Set the scroll speed in ms. By default this is set to 500ms.
    • Enable Auto Play - Enable this option for auto carousel of stories in the slider.
    • Number Of Slides To Show - This option allows you to show multiple stories in a single view of the slider. We recommend keeping this to 1 or 2 unless your story format has images that can support over 2 stories and shorter headlines.
    • Number Of Slides To Scroll - This option works in relation to the above. Set the number of stories to scroll through on autoplay or when a consumer clicks previous/next.
    • Lazy Load Images - Load the images in the component after loading. This reduces the weight of the page. This will boost performance if used below the fold.
    • Client Side Only - Renders the component only on the client side. This also reduces the weight of the page, and is useful for components *well* below the fold.

The best way to try out all templates and their options are by heading to <yourdomainname>/template-options

New Home Collection Template - Half Image Slider

Here’s how it works -

  • In the ‘Home’ collection, click on the ‘Manage’ button and choose Half Image Slider’.
  • This collection layout also includes additional configurations as listed below: 
    • Show Arrows - This option allows you to show arrows on hover over a story. This is enabled by default on mobile view.
    • Slider Type - Dots/Dashes - Two options are available to indicate the number of stories in the slider.
    • Number Of Stories To Show - Set a limit for number of stories that need to show in the slider. By default, the slider shows 6 stories.
    • Show Section Tag - Enable this option to show the section tag.
    • Show Collection Name - Enable this option to show the title of the collection.
    • Show Author Name - Enable this option to show the author name.
    • Show Time Of Publish - Enable this option to show the time of publish.
    • Set Scroll Speed - Set the scroll speed in ms. By default this is set to 500ms.
    • Enable Autoplay - Enable this option for auto carousel of stories in the slider.
    • Lazy Load Images - Load the images in the component after loading. This reduces the weight of the page. This will boost performance if used below the fold.
    • Client Side Only - Renders the component only on the client side. This also reduces the weight of the page, and is useful for components *well* below the fold.

The best way to try out all templates and their options are by heading to <yourdomainname>/template-options

Review Story Template

Here’s how it works -

Sample of how this would look on the Home Page:

Sample Story Page:

Related Stories

Related stories will now appear for all text stories in Infinite Scroll. These stories are picked from the same section as the story in view.

PWA - Pop up Prompt

All publishers are PWA enabled by default. You will now see a pop-up prompting users to add the app to their home screens.