Adding a 'featured tickets' section


    This article is a step by step guide to creating a featured tickets section on CMS created subscription page.

    To Start,

    • Navigate to the CMS.
    • From the left-hand menu, select Pages.
    • Click on your desired page from the list- The page should be pre created. If you need help creating a new page, refer to the How to Create a Page in CMS article for detailed instructions.

    1. Create a new section

    Click on create new from the content section and select featured tickets

     

    2. Add a section name and a ID

    Start filling out the details by giving a section name and a ID

    Ex: ticketbooks

    3. Select the lottery and the product type

    From the drop down select the lottery name and the product type

     

    4. Choose the layout, theme and background colour

    Select the layout for the tickets to be displayed on the page. There are two layouts to select from.

    • Wide ticket
    • Compact ticket

    You can see what each layout looks like on the website from the below examples 

     

    Screenshot 2024-12-02 at 3.04.01 PM.png

    Screenshot 2024-12-02 at 2.04.25 PM.png

    4.1 Select a Section theme

    Please note that the theme affects the font colour and make sure that it is visually compatible with the background colour for readability

    Screenshot 2024-12-02 at 3.04.54 PM.png

    4.2 Select a background colour 

    Complete the layout section by selecting a background colour. Background colour will default to brand primary if this is left blank

    Screenshot 2024-12-02 at 3.08.34 PM.png

    5.  Add in Content

    Add in content to display on the tickets section.

    5.1 Select featured tickets

    Add the desired tickets to feature on the page

    6. If you have created a modal to display all available tickets

      1. Click on the downward arrow and select the previously created modal
      2. Click the blue tick from the top right corner to save the modal to the page

     

    7.   Save changes

    Click the blue tick from the top right corner and navigate to the web to review the final result

    Was this article helpful?
    0 out of 0 found this helpful