Promo Stories

1. A row of circles anywhere

   Stories are shown by a layout block: on the home page under the menu, in the catalog, on a product page. Show all active stories or pick the ones for a particular place, and the standard block setting decides whether it appears on phones, tablets or desktops.

2. New stories stand out

   Unviewed stories have a coloured ring, viewed ones turn grey and move to the end of the row. When a story is updated, it becomes new again for every shopper.

3. No jumps while loading

   While the page loads, neat placeholders of the same size hold the place of the circles: the layout does not shift, and the circles appear in the right order straight away.

• Cover and schedule:

  each story has a name, a circle cover, its own ring colour, a display period and the customer groups that can see it. A promotion appears and disappears on the right dates by itself.

• Slides:

  a vertical image, a heading, text and its position, a link with a button, the display time and colours. Slides are reordered right in the list.

• Quick start:

  demo stories with slides in English and Russian are added in one click: use them as a template and swap the images and texts. A similar story does not have to be built from scratch, just clone it.

• Languages and storefronts:

  story texts are translated into every store language, and in CS-Cart Ultimate stories are kept separately for each storefront.

• Appearance:

  the ring around the circle (gradient, single colour or none), the colour of viewed stories, the caption, progress bar and button colours.

• Playback:

  the default slide duration, the viewer header, moving on to the next story, looping, the desktop viewer layout.

• Viewed stories:

  mark viewed stories and move them to the end of the row.

• Layout block:

  all active stories or selected ones, circle size, captions, alignment.

In Multi-Vendor and multi-storefront stores the settings are kept per storefront.