HyperBuilder
...
Documentation Draft
Topic
22 min
overview the ' topic ' block is the subject of the ' body ' section and can be used to display content that needs to be extra visible you can set it apart by adding a background color, use and image or video, etc sample topic block topic block preview text the text settings to the right of your screen allow you to add or edit content prefix this is the very first text line visible in the topic block, it's visible above the title in a small fontsize title this is the second text line, it's visible underneath the prefix and printed in a large fontsize subtitle this is the third text line, it's printed underneath the title in a semi large fontsize text this is the main topic content it's printed in a small fontsize depending on the length of your content the image to the left of the text will be automatically enlarged to fit the full size of the topic block column text align this setting will align your text/content to the left or right background to customize the topic block you can choose what will be displayed, you can pick an image, use a solid color or play a video media type select a still image or video from your media library media url upload a new image or use an existing image from your library click the " open media library " button and choose your image or video media width set the size for your chosen image or video you can select 40% , 50% or 60% the image or video will be visible in a column to the left or the right of the text content you can change the alignment in the text settings enable sticky animation when scrolling down the page the whole topic block will stick to the top of your screen all other content blocks will scroll underneath this feature can be used to give the block some extra visibility background color click the rectangular box to pick a solid background color text color click the rectangular box to pick a text color media type > video > video autoplay when enabled the video will start playing when opening the page if not enabled play/stop buttons will be added show controls when enabled this will add play/pauze buttons to the video background type full will display the topic across the full width of your screen when you set this to reduced it will add spacing/padding to the left and right side of your topic block supplements use the supplements tab to activate more features conditional media use this when you want to show different images for different retailer locations url parameter name add parameter name here, for example 'retailerid' url parameter value add the parameter value here, for example 'fzkta' display media select images from media library or upload new images click " + add " to add multiple conditional images to this page buttons buttons orientation buttons can be placed horizontal or vertical buttons align buttons can be aligned left, center or right buttons > cards cards are used to fill out the display, content, and link of each button click the + add button to add more buttons button style choose between 6 different button styles depending on the chosen style you will have to change the text color to make the button text visible on your screen/button topic block buttons styling example button text this is the text displayed on the button, when using multi languages make sure to also enter the translations button url first, use the dropdown and select " internal " or " url " when using internal links make sure to make those relative when using "url" add the full url to the website you want to link, so "https //your website com"