Opensets

Screenshot_2020-04-29_at_19.12.41.png Getting started

This article describes openset promotion functionality, which allows users to create a web page with set of products, where the customer is able to select desired products from the list, and add them to the cart as a set.

We distinguish three types of opensets – “Normal”, “DIYand “DIY catalog price”, which are described in the following chapters.

POWERPNT_weGuVk7X9h.png
   Visualization of the DIY openset

Table of contents

  1. Creating an Openset
    1. Creating a normal openset (tab “General”)
    2. Creating a normal openset (tab “CMS blocks”)
    3. Creating a DIY or DIY catalog prices openset
      1. JSON construction

 


 

Screenshot_2020-04-29_at_19.12.41.png Creating an Openset

In order to create an Openset, in the administration panel navigate to the Admin panel > Promotions > Opensets / list section and click Add button (1), that will redirect you to the Openset creation page.

POWERPNT_jjmTvPbvuN.png
   Visualization of the opensets / list tab

 

Creating a normal openset (tab “General”)

Below you will find a description of all parameters needed to create an Openset.

POWERPNT_q8fYm8Qjvh.png
   Visualization of the normal openset creation.

After filling in all the above parameters, select Save button to save the changes or Cancel button to cancel adding an Openset.

info2.svg  RememberIn order for the element to be fully activated and visible on the e-commerce platform, remember to activate the openset in the Altshops module.

Below you’ll find the visualization of normal openset on the e-shop website.

POWERPNT_sHZ26M9P2v.png
   Visualization of the normal openset on desktop
POWERPNT_QqYWL5Gxgi.png
   Visualization of the normal openset on mobile

 

Creating a normal openset (tab “CMS blocks”)

CMS Blocks tab allows us to see header CMS blocks (automatically created by the application) that will be used by the openset.

CMS block is required to have openset ID in its name, for example:

openset / header / 47 (where 47 is openset ID)

We can press “add” button, which will create a new CMS block for us with the appropriate block name.

Search button will search the CMS blocks in order to find blocks that meet the required name (openset / header / ID). Mobile openset header is no longer used as the website is in a responsive design, so desktop and mobile headers should be located in the openset / header / ID CMS block

POWERPNT_pzyJxCETWB.png
   Visualization of the CMS blocks tab

info2.svg  Remember The header of the openset cannot be wider than 1248px.

Section CMS block is the same for Normal as well as DIY opensets. And it looks as in the example displayed below (1).

POWERPNT_Qwu5b3AXyt.png
   Visualization of the openset CMS block

 

Creating a DIY or DIY catalog prices openset

The process of creating a DIY opener is identical to a Normal type openset. The only differences between normal and DIY sets are:

POWERPNT_bQ3pEBGkWm.png
   Visualization of the DIY openset in the admin panel

 

JSON construction

Below you can find an example JSON that can be used in the openset

[{"name":"Krem do rąk","products":[["27300","8.60"],["27714","8.60"],["28172","8.60"],["26885","8.60"]]},
{"name":"Mydło","products":[["05764","7.15"],["44059","7.15"],["42871","7.15"],["43332","7.15"],["43643","7.15"]]},
{"name":"Balsam do ust","products":[["00174","7.15"],["00392","7.15"],["00599","7.15"],["01030","7.15"],["01881","7.15"],["02092","7.15"],["89856","7.15"]]}]

The number of categories (3) is taken from the Products number field of the openset.

Below you’ll find the visualization of DIY openset on e-shop website.

POWERPNT_5wzPVB4huF.png
   Visualization of the DIY openset

Revision #2
Created 27 November 2024 21:06:22 by Tau Ceti
Updated 27 November 2024 21:28:52 by Tau Ceti