Alchemist Lineup & Posters Blocks
These blocks are designed to showcase a lineup of guest artists, speakers or hosts for an upcoming experience – great for festivals, events and conferences.
Jump to block:
Lineup
Create a lineup with each guest presented in its own "card" containing the guest's name, role, image and bio description. You can add up to 30 people in the lineup. You also have the option to display the lineup in a grid or swiper format.
Block Fields |
|
Two cards per row | Tick this checkbox to display two guests per row. Make sure Three cards per row and Four cards per row are unselected to display correctly. |
Three cards per row | Tick this checkbox to display three guest cards per row. Make sure Two cards per row and Four cards per row are unselected to display correctly. |
Four cards per row | Tick this checkbox to display four guest cards per row. Make sure Two cards per row and Three cards per row are unselected to display correctly. |
Show cards in a swiper |
By default, all guest cards in the lineup are displayed in a grid layout, stacked on top of each other. Tick this checkbox to display the guest cards in a carousel format. This will collapse the lineup into one row and customers will need to click the arrow buttons to see more. For example, if you have Two cards per row toggled on, the block will display two cards at a time in the swiper. |
Center incomplete rows |
Tick this checkbox to align guest cards to the center if there is empty space in the row. For example, if you have selected Three cards per row and only have two cards in a row, this will position the two cards in the center. |
Background image | Upload an image to override the block's background colour with a background image. For the best results, upload an image with a minimum width of 1920px. |
Background colour | By default the background colour is set to your site background colour (learn how to change site-wide colours here). Add a HEX code to change the block's background colour. |
Text colour | Add a HEX code to change the colour of the header and text in the block. By default, it is set to your site text colour. |
Card background image | Add a background image to be displayed on the text portion of the guest cards. This will override the card background colour. |
Card background colour |
Add a HEX code to change the background colour of the text portion of the guest cards. By default it is set to your secondary colour. |
Card text colour | Add a HEX code to change the colour of the text in the guest cards. By default it is set to your site text colour. |
Card button colour |
Add a HEX code to change the colour of the call to action button in the guest cards. By default it is set to your primary colour. |
Show round images |
By default, the images in the lineup are displayed in a square format. Tick this checkbox to crop the images into circles. |
Subheader |
Add a subtitle for the block. |
Header | Add a catchy title for the block. |
Text | Add a description text under the header. The text editor also allows you to insert hyperlinks, style the text, and more. |
Show bio popups | Tick the checkbox to activate popup functionality. Customers will need to click a button to read more information about each guest in the lineup. |
Popup button text | Add a label for the popup button, for example "Learn more" or "View bio". |
Show button above cards | Tick the checkbox to display a call to action button above the lineup guest cards. Make sure Show button below cards is unchecked to display correctly. |
Show button below cards | Tick the checkbox to display a call to action button below the lineup guest cards. Make sure Show button above cards is unchecked to display correctly. |
Button text |
Add a label for the call to action button, for example “Book now”, “Learn more” or “Buy tickets”. |
Button link |
Add the URL of the page you would like your customers to go to when they click on the call to action button. This can be another page on your website or an external site. Tip: If linking to another page on your website, use the URL path instead (e.g. "/experiences" instead of "http://yourdomain.com/experiences"). This will ensure your links still work if you ever change your domain name. |
Pull from hosts on product |
Tick the checkbox to display hosts from an existing experience or accommodation |
Product |
Select the experience or accommodation from the dropdown menu that you want to display the hosts of. Make sure hosts are added in the merchandising section of your experience first. |
Name (1,2,3...) |
For each guest in your lineup, add their name |
Role (1,2,3...) |
For each guest in your lineup, add their role. For example, "Artist", "Keynote Speaker", "Instructor" etc. |
Bio (1,2,3...) |
For each guest, add a short biography. You can use the text editor to add hyperlinks to redirect customers to the guest's social media or website. |
Note: Ensure the name, image and bio field numbers match up. For example, Image 1 should match up to Name 1 and Bio 1.
Hero Lineup
The Hero Lineup block lets you use a text editor to display a lineup of guest artists, speakers or hosts for an upcoming experience.
Block Fields |
|
Background image | Upload an image to override the block's background colour with a background image. For the best results, upload an image with a minimum width of 1920px. |
Remove background image overlay |
By default, a dark overlay is added to the background image. Tick this checkbox to remove the overlay. |
Background colour | By default the background colour is set to your site background colour (learn how to change site-wide colours here). Add a HEX code to change the block's background colour. |
Text colour | Add a HEX code to change the colour of the header and text in the block. By default, it is set to your site text colour. |
Lineup text colour | Add a HEX code to change the colour of the lineup text in the block. By default, it is set to your site text colour. |
Button colour |
Add a HEX code to change the background colour of the call to action button. By default, it is set to your primary colour. |
Button text colour |
Add a HEX code to change the text colour of the call to action button. By default, it is set to white (#FFFFFF). |
Subheader | Add a subtitle to be displayed above the header. |
Header | Add a catchy title for the block. |
Text | Add a description text under the header to introduce the lineup. The text editor also allows you to insert hyperlinks, style the text, and more. |
Lineup text |
Use the text editor to add and edit the lineup. |
Reduce lineup text width | Tick this checkbox to decrease the width of the lineup text. |
Show button | Tick this checkbox to display a call to action button. |
Button text |
Add a label for the call to action button, for example “Book now”, “Learn more” or “Buy tickets”. |
Button link |
Add the URL of the page you would like your customers to go to when they click on the call to action button. This can be another page on your website or an external site. Tip: If linking to another page on your website, use the URL path instead (e.g. "/experiences" instead of "http://yourdomain.com/experiences"). This will ensure your links still work if you ever change your domain name. |
Poster Single
The Poster Single block lets you showcase one poster for your upcoming experience. This is great for festivals and events that want to share a snapshot of their experience in a poster.
Block Fields |
|
Background image | Upload an image to override the block's background colour with a background image. For the best results, upload an image with a minimum width of 1920px. |
Background colour | By default the background colour is set to your site background colour (learn how to change site-wide colours here). Add a HEX code to change the block's background colour. |
Text colour | Add a HEX code to change the colour of the header and text in the block. By default, it is set to your site text colour. |
Box background image | Add a background image for the text section of the block. For the best results, upload a landscape image with a minim width of 1400px. |
Box background colour | If you prefer to display a background colour in the box instead, add a HEX code to customise the colour. |
Subheader colour | Add a HEX code to change the colour subheader. By default, it is set to your primary colour. |
Subheader | Add a subtitle to be displayed above the header. |
Header | Add a catchy title for the block. |
Text | Use the text editor to add a short description and provide context for the featured poster. |
Image |
Add the image of your featured poster. For best results, we recommend uploading an image in a vertical format. |
Show button | Tick the checkbox to display a button that allows customers to view a large version of the poster. |
Button text | Add a label for the button, for example "View poster". |
Poster Gallery
The Poster Gallery block lets you showcase multiple posters. This is great for festivals and events that want to display posters from past experiences. Customers can view each poster in a popup lightbox gallery.
Block Fields |
|
Background image | Upload an image to override the block's background colour with a background image. For the best results, upload an image with a minimum width of 1920px. |
Background colour | By default the background colour is set to your site background colour (learn how to change site-wide colours here). Add a HEX code to change the block's background colour. |
Text colour | Add a HEX code to change the colour of the header and text in the block. By default, it is set to your site text colour. |
Header | Add a catchy title for the block. |
Text | Use the text editor to add a short description and provide context for the posters. |
Show button |
Tick the checkbox to display a button that opens the lightbox gallery. |
Button text |
Customise the label on the button that opens the lightbox gallery. |
Two posters per row | Tick this checkbox to display two posters per row. Make sure Three posters per row and Four posters per row are unselected to display correctly. |
Three posters per row | Tick this checkbox to display three posters per row. Make sure Two posters per row and Four posters per row are unselected to display correctly. |
Four posters per row | Tick this checkbox to display four posters per row. Make sure Two posters per row and Three posters per row are unselected to display correctly. |
Images |
Click the Add Image button and then upload an image of your poster with a width of at least 1000px, in a vertical format for best results. You can add as many images as you like. To rearrange the order of the images, drag and drop the image fields by pressing the three-dot icon. |
Poster Hero
The Poster Hero block lets you showcase one poster for your upcoming experience and is designed to be placed at the top of a website page. This is great for festivals and events that want to share a snapshot of their experience in a poster.
Block Fields |
|
Background image | Upload an image to override the block's background colour with a background image. For the best results, upload an image with a minimum width of 1920px. |
Remove background image overlay | By default, a dark overlay is added to the background in order to make the text and buttons more visible and readable. Tick this checkbox to remove the overlay. |
Background colour | The block will fallback to the background colour if no background image is uploaded – add a HEX code to customise the colour. |
Text colour | Add a HEX code to change the colour of the header and text in the block. By default, it is set to your site text colour. |
Button colour |
Add a HEX code to change the background colour of the call to action button. By default, it is set to your primary colour (learn how to change site-wide colours here). |
Button text colour | Add a HEX code to override the text colour of the call to action button. By default, it is set to white (#FFFFFF). |
Header | Add a catchy title for the block. |
Text | Use the text editor to add a short description and provide context for the featured poster. |
Image |
Add the image of your featured poster. For best results, we recommend uploading an image in a vertical format. |
Show button | Tick the checkbox to display a button that allows customers to view a large version of the poster. |
Button text | Add a label for the button, for example "View poster". |
Comments
0 comments
Article is closed for comments.