Maximize - Sections & Blocks
Maximize - Sections & Blocks
Maximize - Sections & Blocks
1. What is FAQ? The FAQ (Frequently Asked Questions) section is a customizable area where you can answer common customer questions in an organized, easy-to-navigate format. It helps reduce customer support inquiries by providing clear answers to frequent questions about your products or services. 2. Section Components Section Displays a list of common questions and their answers in an organized, collapsible format. Available block Each block contains one question and its corresponding answer. 3. Location & Setup Go to "Online Store" > "Themes" > "Customize" Select where you want to place it Click "Add Section" Search for FAQ Click on it to add 4. Highlight features Collapsible Q&A: Answers can be hidden until the user clicks on the question. Customizable Headings: Adjust the heading style and highlight effects. SEO-Friendly: Enable microdata schema to improve search engine visibility. 5. Common Use Cases 🤔 How to add and style Q&A blocks? Want to create clear, well-organized FAQ entries? Here's how: STEP 1: Add the section & blocks. Add a FAQ section. Click "Add block" for new Frequently Asked Question blocks. STEP 2: Add questions’ content: Add Icon (2 options): Choose from dropdown list Enter custom SVG code Enter your Question Add detailed Answer STEP 3: Style Your FAQ Section Click on the FAQ section to adjust its overall look. For more information, you can check out the part talking about What customization options can you give your FAQ? STEP 4: Click “Save” when done. 🤔 What customization options can you give your FAQ? For the whole FAQ section ✨ Change color scheme: Click on the FAQ section, scroll down to Colors, and choose the overall scheme you want to use in both light and dark mode in the Color scheme. ✨ Change the heading size: Click on the FAQ section, and choose the Heading size to be Small, Medium, or Large. ✨ Change the Heading tag (for SEO purposes) Click on the FAQ section, find and choose the Heading tag from the list. ✨ Change the heading alignment Click on the FAQ section, and choose the Heading alignment to be Left, Right, or Center. ✨ Add a border around each block Click on the FAQ section, and turn on the Show border toggle. ✨Give each FAQ block a background color: Click on the FAQ section, find and turn on the Rows alternative background setting. (To change the color, you need to edit the color scheme) ✨ Make the answers always shown By default, the answers will be hidden in the collapsible blocks. To make it appear without clicking, go to the FAQ section, and turn off the Collapsible toggle. ✨ Set up the “View all” button Click on the FAQ section, and: Turn on the Show "View all" button to enable the button. Choose the "View all" button position to be on Top or at the Bottom. Enter a link in the "View all" button link. (should be linked to a FAQ page) ✨ Make the questions shown in 2 columns Click on the FAQ section, find the Desktop layout setting, and choose 2 columns. ✨ Add an image to the FAQ section Click on the FAQ section, find the Image setting, and add an image. To change its position, you need to: For desktop 🖥️: Scroll down to the Desktop layout section, and choose the Image alignment to be Left or Right. For mobile 📱: Scroll down to the Mobile layout section, and choose the Image alignment to be Image first or Image second. To adjust its height, you need to: For desktop 🖥️: Scroll down to the Desktop layout section, and choose the suitable Desktop image height. For mobile 📱: Scroll down to the Mobile layout section, and choose the suitable Mobile image height. ✨ Change the section width, add padding, or add a divider Click on the FAQ section, and scroll down to the Section layout group, and you will be able to change those settings. ✨ Enable microdata schema Click on the FAQ section, find the SEO setting group, and turn on the Enable microdata schema toggle. Need help? Contact our support team at Omni Themes Support.
Maximize - Sections & Blocks
1. What is Scrolling promotion? The Scrolling Promotion section enables you to show an automatically horizontal scrolling for your store visitors. With customizable scrolling speed, direction, and interactive elements, this section is perfect for showcasing promotions or key highlights. [GIF] 2. Section Components Section Displays a scrolling banner with customizable content blocks for promotions. Available blocks Adds scrolling text with customizable font styles, alignment, and color. Displays icons with optional labels to visually enhance your message. Creates a call-to-action button, allowing visitors to take immediate action. Showcases images in the scrolling banner for visual emphasis. 3. Location & Setup Go to “Online Store” > “Themes” > ”Customize”. Select where you want to place it Click "Add Section" Search for Scrolling promotion. Click on it to add. 4. Highlight features Customizable scrolling speed and direction for dynamic visuals. Flexible content with Text, Icon, Image, and Button blocks. Background, alignment, and spacing adjustments for tailored designs. 5. Common Use Cases 🤔 How to set up the Scrolling promotion section? Follow this quick guide to bring a Scrolling promotion to your online store: STEP 1: Add the section: Add the Scrolling Promotion section. STEP 2: Set up the blocks: By default, your Scrolling Promotion section includes 5 default blocks: 2 Text Block, 2 Icon Block, and 1 Button Block. You can delete, hide, or add more blocks as needed. Depending on the block you use, the setting might be slightly different: Which block? How to set up? Text block Enter the text you want into the Text field. Put some words into a bracket to add a highlight effect. Choose the style of the highlight effect under Marker setting. Choose the Text size to be Small , Medium, or Large. Choose the Text color. Icon block Choose the Icon from the drop-down list. Or - enter an SVG code if you want to use a different icon from the list. Adjust the Icon height from 20px to 150px. Button block Enter a Button label. Add a link to the Button link. Choose the Button style to be Secondary , Primary, or Text link . Image block Click “Select” in the Image setting to add an image. Adjust the Image height. STEP 3: Set up the scrolling rule: Click on the Scrolling Promotion section to open its setting panel, and under the Scrolling group, you can: Time per scroll: The larger the number, the faster the scrolling speed. Direction: Choose to make it from Right to left or Left to right. Pause on hover: Enable to stop scrolling when hovered over. Show section borders: Enable to add a border on the top and bottom of the section. STEP 4: Click “Save” when done. Need help? Contact our support team at Omni Themes Support.
Maximize - Sections & Blocks
1. What is Logo List? The Logo List section allows you to showcase a series of logos, often used to highlight partners, sponsors, or brand affiliations. 2. Section Components Section Displays multiple logos in a visually appealing, grid/carousel style layout. Available block Used to add a single logo image. 3. Location & Setup Go to “Online Store” > “Themes” > “Customize”. Select where you want to place it Click "Add Section". Search for Logo List. Click on it to add. 4. Highlight Features Grid Layout: Easily organize logos in a customizable grid format. Link Options: Each logo can be linked to external pages or resources. Adjustable Logo Size: Control the size of each logo to ensure a consistent appearance. 5. Common Use Cases 🤔 How to set up the logo list section? STEP 1: Add the Logo list section, take a look at some basic settings, and adjust them as you want: Heading Corner radius Image ratio STEP 2: By default, the Logo list section has 6 Logo blocks, edit it if you need more or less. STEP 3: For each Logo block, upload your image and add a link if needed. STEP 4: Click “Save” when done. 🤔 How to display Each Logo in its Original Size? As you have different images, you might not want them to have the same ratio but keep their original sizes, then just do this: STEP 1: Click on the Logo List section to open the settings panel. STEP 2: Scroll down to the Desktop layout group, and adjust the Number of columns to 0. STEP 3: Click “Save” when done. 🤔 What customization options can you give your Logo List? ✨ Change color scheme: Click on the Logo List section, and choose the overall scheme you want to use in both light and dark mode in the Color schema. ✨ Change the heading size: Click on the Logo List section, and choose the Heading size to be Small, Medium, or Large. ✨ Change the Heading tag (for SEO purposes) Click on the Logo List section, find and choose the Heading tag from the list. ✨ Change the heading alignment Click on the Logo List section, find and choose the Heading alignment to be Left, Right , or Center. ✨Add a border to the logo Click on the Logo List section, find and turn on the toggle Show logo border. For the Carousel look: ✨ Make your logo list carousel Click on the Logo List section: On desktop 🖥️: Find the Carousel group, and turn on the toggle Enable carousel on desktop. On mobile 📱: Find the Mobile layout group, and choose the Mobile layout to be Carousel. ✨ Make your logo list automatically slide: Click on the Logo List section, find the Carousel group, and: Turn on the toggle Enable carousel on desktop. Turn on the toggle Auto-switch logo. Adjust the amount of time between each slide in Change bar every. ✨ Add navigation buttons to your logo list carousel Click on the Logo List section, find the Carousel group, and: Turn on the toggle Enable carousel on desktop. Turn on the toggle Show navigation. For the Grid/ Stacked look: ✨Change how users interact with the Logo List section Click on the Logo List section, and find the Card section style setting. You can choose how users interact with the Flow card section: "On hover" will automatically expand tabs when moused over, while "On click" requires a click to expand. ✨ Change the position of the images Click on the Logo List section, and scroll down to Section layout: On desktop 🖥️: choose the Desktop image position to be Left or Right. On mobile 📱: choose the Mobile image position to be Top or Bottom. ✨ Change the height of images Click on the Logo List section, scroll down to Section layout, and choose your preferred image height in Desktop height (for desktop 🖥️) and Mobile height (for mobile 📱). ✨ Change the section width, add padding, or add a divider Click on the Logo List section, and scroll down to the Section layout group, and you will be able to change those settings. Need help? Contact our support team at Omni Themes Support.
Maximize - Sections & Blocks
1. What is Testimonials ? The Testimonials section showcases statements or endorsements from customers, highlighting their positive experiences with your product or service. These serve as social proof, boosting trust and credibility. Testimonials can include written text, images, and star ratings. 2. Section Components Section Displays customer reviews with customizable layout and design options. Available block Adds a customer review with options for title, text, image, and rating (e.g., stars or quotes). 3. Location & Setup Go to “Online Store” > “Themes” > ”Customize”. Select where you want to place it Click "Add Section" Search for Testimonials Click on it to add. 4. Highlight features Auto-play transitions for dynamic scrolling. Full customization of text alignment, colors, and background for seamless branding. Product linking within testimonials for added trust and conversion. 5. Common Use Cases 🤔 How to Set Up a Customer Testimonial Section? Showcase your customer reviews in a visually appealing layout, just by doing a few steps: STEP 1: Add a section: Add the Testimonials section. STEP 2: Customize the section: Click on the Testimonials section to open its settings panel: Add a Heading (e.g., “What Our Customers Say”) and choose its style, size, and alignment. Toggle off the Show image setting if you don’t need an image. Choose your desired Testimonial layout from the drop-down list. (Only works if you turn on the Show image setting). To make your Testimonials work, just focus on the above elements. For more customization, continue reading the 🤔 What customization options can you give your Testimonials? below. STEP 3: (Optional) Set up the auto-play rule: The Testimonials section's auto-play function is disabled by default. To turn it on, adjust the Auto-play setting to a number larger than 0. STEP 4: Click “Save” when done. 🤔 How to add and set up individual testimonials blocks? Want to include detailed reviews with icons, images, and product links? Follow these steps: STEP 1: Add a block: After adding the Testimonials section, click “Add block” to add a new Testimonial block. STEP 2: Set up the content for each block: Click on the Testimonial block to open its settings panel: Icon: You can choose to show a Quote icon or a 1-5 stars icon. Custom icon (SVG code): Enter an SVG code if you want to use another icon different from the list above. Title: Enter a title for the testimonial block. Text: Fill in the customer review in this box. Image: Click “Select” to add a customer image. If you need more text in different styles, fill your text in Caption or Additional text fields. STEP 3: (Optional) Add a product to the testimonial block: 🔍 Information: Adding the link to a product can make customers easily navigate to the featured product when they read a positive review, improving their shopping experience and boosting conversions. Click on the Testimonial block to open its settings panel. Scroll all the way to the bottom, and in the Product setting, tap on “Select” to choose a product. STEP 4: Click “Save” when done. 🤔 What customization options can you give your Testimonials? For the whole Testimonials section ✨ Change color scheme: Click on the Testimonials section, and choose the overall scheme you want to use in both light and dark mode in Styles > Color schema. ✨ Change the heading size: Click on the Testimonials section, and choose the Heading size to be Small, Medium, or Large. ✨ Change the Heading tag (for SEO purposes) Click on the Testimonials section, find and choose the Heading tag from the list. ✨ Change the whole section’s text alignment Click on the Testimonials section, find and choose the Heading alignment to be Left, Right , or Center. ✨Show/ hide the next-previous arrows Click on the Testimonials section, find and turn on/off the toggle Next/Previous arrows. ✨Show/ hide the pagination Click on the Testimonials section, find and turn on/off the toggle Show pagination. ✨Change the duration between each slide changes Click on the Testimonials section, and adjust the Auto-play every bar from 0 to 10. ✨ Change the Image style Click on the Testimonials section, and choose the Image style to be Square or Rounded . (Only works if the Show image toggle is on) ✨ Change the height of images Click on the Testimonials section, and choose your preferred image height in Desktop height. ✨ Change the image position Click on the Testimonials section, and scroll down to the Section layout group, and choose the Image position to be First or Second. ✨ Change the section width, add padding, or add a divider Click on the Testimonials section, and scroll down to the Section layout group, and you will be able to change those settings. Need help? Contact our support team at Omni Themes Support.
Maximize - Sections & Blocks
1. What is Flow Cards? The Flow Cards section presents a sequence of visual cards, ideal for guiding customers through product features, service steps, or storytelling. Each card can showcase a mix of text, images, and buttons to communicate clear and engaging content in a step-by-step or process-oriented layout. 2. Section Components Section Display a sequence of content or guide customers through a series of steps using visually appealing cards. Available blocks Used to link straight to a product page. Used to link straight to a collection page. Used when you just want to show an image or video. 3. Location & Setup Go to “Online Store” > “Themes” > “Customize”. Select where you want to place it Click "Add Section". Search for Flow Cards. Click on it to add. 4. Highlight features Step-by-Step PresentationArrange content in a step-based flow to guide customers through a series of actions or product features. Visually Layered CardsCreate a visually stacked card effect to add depth and highlight each step. Interactive Hover EffectsAdd hover animations to each card, making them visually engaging when interacted with. Progressive NavigationShow progress through a series using indicators, making multi-step processes intuitive. 5. Common Use Cases 🤔 How to set up the Flow Cards? The Flow Cards might be used in different cases, depending on your needs. Follow this common guide to set up the basic things: STEP 1: Set up the general section: Add the Flow Cards section, and enter the Heading (and Subheading). STEP 2: Set up the blocks: By default, your Flow Cards section includes 3 default blocks: Block Product, Block Collection, and Block Media. You can delete, hide, or add more blocks as needed. Depending on the block you use, the setting might be slightly different: Which block? How to set up? Product block (Default name: Step 1: Enter the 1st step name or a brief description of it.) Click "Select" under Product to choose a product. Edit the Heading and Description. If needed, add a button by entering the Button Label and linking it. Collection block (Default name: Step 2: Enter the 2nd step name or a brief description of it.) Click "Select" under Collection to choose a collection. Edit the Heading and Description. If needed, add a button by entering the Button Label and linking it. Media block (Default name: Step 3: Enter the 3rd step name or a brief description of it.) Click "Select" under Media to add an image or video. If both are added, only the video will display. If you don't have a local file, embed a video using a URL. Edit the Heading and Description. If needed, add a button by entering the Button Label and linking it. STEP 3: Click “Save” when done. If you want to explore more customization options for your Event calendar, continue reading the next part. 🤔 What customization options can you give your Flow Cards? For the whole Flow Cards section: ✨ Change color scheme: Click on the Flow Cards section, and choose the overall scheme you want to use in both light and dark mode in the Color schema. ✨ Change the heading size: Click on the Flow Cards section, and choose the Heading size to be Small, Medium, or Large. ✨ Change the Heading tag (for SEO purposes) Click on the Flow Cards section, and choose the Heading tag from the list. ✨ Change the heading alignment Click on the Flow Cards section and choose the Heading alignment to be Left, Right, or Center. ✨Make the first tab open by default Click on the Flow Cards section and turn on the Open the first tab by default to make the first tab always open when you first visit a page. ✨Change how users interact with the Flow card section Click on the Flow Cards section, and find the Card section style setting. You can choose how users interact with the Flow card section: "On hover" will automatically expand tabs when moused over, while "On click" requires a click to expand. ✨ Change the position of the images Click on the Flow Cards section, scroll down to Section layout: On desktop 🖥️: choose the Desktop image position to be Left or Right. On mobile 📱: choose the Mobile image position to be Top or Bottom. ✨ Change the height of images Click on the Flow Cards section, scroll down to Section layout, and choose your preferred image height in Desktop height (for desktop 🖥️) and Mobile height (for mobile 📱). ✨ Change the section width, add padding, or add a divider Click on the Flow Cards section, and scroll down to the Section layout group, and you will be able to change those settings. For a single Product/ Collection/ Media block: ✨ Show all or a part of the content To adjust the height of the block's content, click on it, go to the Content section, and choose the desired height. Selecting a height other than Full will display a "Read more" button. ✨ Change the button style Click on a block, then in the Button style setting, select to make it follow Primary or Secondary, or Link style. Need help? Contact our support team at Omni Themes Support.
Maximize - Sections & Blocks
1. What is Email Signup? The Email Signup section allows you to collect customer email addresses for newsletters, promotions, or updates. It's a powerful tool to grow your mailing list and stay connected with your customers. 2. Section Components Section Display a section where customers can enter their emails. Available blocks Adds a customizable heading to the section. Provides a space for supporting information or a call to action. Add a field to collect customer email addresses 3. Location & Setup Go to “Online Store” > “Themes” > ”Customize” . Select where you want to place it Click "Add Section" Search for Email Signup . Click on it to add. 4. Highlight features Customizable Heading: Tailor the title to align with your branding or campaign. Text Description: Add a compelling message to encourage sign-ups. Automatic Notifications : Sends an email to the store owner's email address when a customer submits their email. Flexible Styling: Adjust colors, fonts, and spacing to match your theme. 5. Common Use Cases 🤔 How to set up the Email signup section? Want to grow your newsletter subscribers, promote special offers, or announce events? You can collect your customers’ email by using this Email sign up section: STEP 1: Add the section Add the Email signup section. STEP 2: Customize the blocks: By default, your Email signup section has all 3 blocks: Heading , Text , and Email form . You can delete some blocks you don’t need, but you cannot add more. Click on each block to adjust its settings. STEP 3: Customize the section: Click on the Email signup section to open its settings panel, and you can: Add an Image as the background for the Email signup section. Add a Mobile image if you need a different background for the mobile version. Adjust the Image height, Section width, Padding under the Section layout. STEP 4: Click “Save” when done. Need help? Contact our support team at Omni Themes Support .
Maximize - Sections & Blocks
1. What is Promotion Grid? The Promotion Grid section is a versatile layout that allows you to feature promotional content in a grid format, ideal for highlighting special deals, offers, or featured collections. 2. Section Components Section A customizable grid layout for displaying promotional content with flexible sizing and styling options Available block Used to add a single image or video with customizable content, labels & buttons. 3. Location & Setup Go to "Online Store" > "Themes" > "Customize" Select where you want to place it Click "Add Section" Search for Promotion Grid Click on it to add. 4. Highlight features Flexible Grid Layout : Customize the number of rows and columns for various display options, supports both images and videos (YouTube and Vimeo) Clickable promotions: Add links to images or buttons to guide customers to promotions or featured products. Custom sale labels with multiple style options 5. Common Use Cases 🤔 How to Create a Promotional Block? To quickly bring up a promotional block to your site, take a look at these basic settings: STEP 1: Set up the general section: Add the Promotion grid section, and: Enter the Heading. (For desktop 🖥️) Scroll down to the Desktop layout section, and adjust the Number of columns you want to have. (For mobile 📱) Scroll down to the Mobile layout section, and choose the Number of columns to be 1 or 2. STEP 2: Set up a block: Add a Promotion title block, and: “Select” an Image or Video for your promotion (or you can embed the video from URL ) Adjust the media block size using Number of columns wide and Number of rows tall settings under the Layout group (read the next part for more detailed guidance). Add a compelling Title and Text, and change the Button label or leave it blank if you don’t need a button. Add a Sale label with custom styling(read the next part for more detailed guidance). STEP 3: Click “Save ” when done. 🤔 How to modify the height and width of each media block? Want to create promotion blocks with custom sizes and engaging content? Here's how: STEP 1: Set up the general section: Go to the Promotion Grid section settings (For desktop 🖥️) Scroll down to the Desktop layout section, and adjust the Number of columns you want to have. (For mobile 📱) Scroll down to the Mobile layout section, and choose the Number of columns to be 1 or 2. Set the spacing between blocks in Block spacing. Define Row heights for your media. STEP 2: Set up a block dimensions Click on a Promotion title block Scroll down to Layout. Adjust the block width in the Number of columns wide (1-6 columns) ⚠️ Note: The block width cannot exceed the section's column setting. Adjust the block height in the Number of columns tall (1-3 rows) STEP 4: Click “Save” when done. 🤔 How to Add a Sale Label to a Promotion block? Want to make your promotions stand out with a sale label? Here’s how: STEP 1: Access Sale Label settings Click on your promotion block Locate the Sale Label settings group STEP 2: Enter content for the sale label: Use the fields for Line 1 , Line 2 , and Line 3 to add promotional text like "SALE," "50% OFF," or other messages. Tip : Keep messages short and impactful. STEP 3: Adjust the appearance of the sale label: Pick a Sale Label Style : Square , Circle , Flag (ribbon-like), or Angle (corner placement). Set the Font Size for each line by choosing a percentage value between 50% and 200%. Choose the Sale label position on an image: Top left , Top right , Bottom left , or Bottom right. STEP 4: Customize the label's color: Under Color, select the Background Color from the available color options. Choose the Text Color to ensure the message is clear and eye-catching. STEP 5: Click “Save” when done. 🤔 What customization options can you give your Promotion Grid? For the whole Promotion Grid section: ✨ Change color scheme: Click on the Promotion Grid section, and choose the overall scheme you want to use in both light and dark mode in the Color schema. ✨ Change the heading size: Click on the Promotion Grid section, and choose the Heading size to be Small , Medium , or Large . ✨ Change the Heading tag (for SEO purposes) Click on the Promotion Grid section, find and choose the Heading tag from the list. ✨ Change the heading alignment Click on the Promotion Grid section, find and choose the Heading alignment to be Left , Right , or Center. ✨ Change the section width, add padding, or add a divider Click on the Promotion Grid section, and scroll down to the Section layout group, and you will be able to change those settings. For a single Promotion title block: ✨Change the overlay content position Click on a Promotion title block, and scroll down to the Overlay content group, choose the Overlay content position to be Top , Right , or Bottom. ✨Adjust the opacity of the overlay layer Click on a Promotion title block, and scroll down to the Overlay content group, adjust the Overlay opacity from 0 to 100%. ✨ Place text outside the media By default, the text is above (overlay) the media, if you want to put the text outside, then: Click on a Promotion title block Scroll down to the Overlay content setting group. Turn off the Overlay content toggle. Scroll up to the Media position setting, decide your text position to be on top of the image ( Image second ) or at the bottom of the image ( Image first ). ✨ Add an icon on top of the text Click on a Promotion title block, and scroll down to the Layout group, choose the Icon you want from the list. Need help? Contact our support team at Omni Themes Support .
Maximize - Sections & Blocks
1. What is Rich Text? The Rich Text section is a flexible content block that allows you to add formatted text to your page, perfect for sharing detailed information, announcements, or storytelling. 2. Section Components Section Displays a customizable text area for content like paragraphs, announcements, or other important details. Available blocks Adds a formatted title or heading to highlight key content. Additional text area for taglines or supplementary information. A text block for detailed information or storytelling with adjustable display height. Adds a call-to-action button within the text content. Add images or embedded videos. 3. Location & Setup Go to "Online Store" > "Themes" > "Customize" Select where you want to place it Click "Add Section" Search for Rich Text Click on it to add. 4. Highlight features Formatted Text Options: Customize the look with headings, paragraphs, and styled text. Link Integration: Easily add links to relevant pages, products, or collections. Versatile Button Placement: Include call-to-action buttons for conversions. 5. Common Use Cases 🤔 How to set up the Rich Text section: Want to build a compelling content section that combines different elements? Here's how: STEP 1: Set up the general section: Add the Rich Text section, and Adjust the Content alignment for the 🖥️ Desktop layout and 📱 Mobile layout. Adjust section padding in Section layout > Top padding and Bottom padding. Select the background color scheme in Colors. STEP 2: Set up the blocks (Add content elements): By default, a Heading, Text, Buttons, and Caption block will be added along with the Rich Text section. You can: Add more blocks or delete some redundant ones. Enter the content by clicking on each block. Drag and drop the block to change its order. Add up to 2 buttons within a Button block. STEP 3: Click “Save” when done. 🤔 What customization options can you give your Rich Text? For the whole Rich Text section: ✨ Change color scheme: Click on the Rich Text section, scroll down to Colors, and choose the overall scheme you want to use in both light and dark mode in the Color schema. ✨ Make your section appear in RTL (Right to left) layout: Click on the Rich Text section, scroll down to Theme Settings, and enter the right language code in RTL languages following the ISO Language Code Table. ✨Change the section width Click on the Rich Text section, find the Section layout group, and choose the Section width to be Page width, Full width, Full width padded. ✨ Change the button animation: Click on the Rich Text section, scroll down to Theme Settings, and choose the Primary button hover animation you want. ✨ Change the section width, add padding, or add a divider Click on the Rich Text section, and scroll down to the Section layout group, and you will be able to change those settings. For the Heading block: ✨ Change the Heading tag (for SEO purposes): Click on the Heading block, find and choose the Heading tag from the list. ✨ Change the heading size: Click on the Heading block, and choose the Heading size to be Small, Medium, or Large. For the Text block: ✨Change the amount of content shown: Click on the Text block, and choose the height in the Default content height setting. If you choose a different option rather than Show full content, a “Read more” button will appear. ✨Change the “Read more” button label: Click on the Text block, and enter your text to the "Read more" label. For the Button block: ✨ Change the button style: Click on the Button block, and choose your Button style to be Primary or Secondary. For the Caption block: ✨ Change the caption text style: Click on a Caption block, and choose the Text style to be Subtitle or Uppercase. ✨ Change the caption text size: Click on a Caption block, and choose the Text size to be Small, Medium or Large. For the Media block: ✨ Adjust the size of the media Click on a Caption block, and adjust the Media size from 1 - 100%. Need help? Contact our support team at Omni Themes Support.
Maximize - Sections & Blocks
1. What is the Event Calendar? The Event Calendar showcases events, promotions, and announcements on your storefront. It helps customers stay informed, enhances engagement, and supports features like ticket sales and calendar integration for seamless event participation. 2. Section Components Section Showcase events, promotions, and announcements with interactive features. Available block Add more event cards to the section Set up the event information 3. Location & Setup Go to “Online Store” > “Themes” > “Customize”. Select where you want to place it Click "Add Section". Search for Event Calendar. Click on it to add. 4. Highlight features Showcase Events: Made for event display, showing event name, date, time, and location, with options for start and end times. Pop-Up Descriptions: Provide detailed event information when customers click on event titles. Direct Calendar Integration: Enable users to add events to platforms like Google Calendar, Apple Calendar, Outlook, etc. with one click. Event Tickets: Link events to products, selling them as tickets with customizable variants. SEO-Friendly Descriptions: Use heading tags to optimize event content for search engines. 5. Common Use Cases 🤔 How to add and show events? To simply set up and showcase upcoming events on your storefront, you need to take some steps: STEP 1: Add the Event Calendar section, and: Change the Heading as you want. Choose the right Time zone. Choose the Time format (12-hour or 24-hour). STEP 2: Click on an Event block, and fill in several important fields:: Event Name Summary Location "Add to calendar" button label Start date End date (optional) STEP 3: Fill in the Detailed description field to add more information in a pop-up for customers to see when they click on an event title. STEP 4: Click “Save” when done. If you want to explore more customization options for your Event calendar, continue reading the next part. 🤔 How to Sell Tickets for an Event? Need to link an event to a ticket product? Follow these steps: STEP 1: Click on one Event block to open the setting panel, under the Event tickets group, enable Offer Tickets for This Event. STEP 2: Link the event to a ticket product by pasting the product URL or searching for it in the Ticket page link field. ⚠️ Note: You must create a digital product first to have the link. STEP 3: Customize the Ticket button label (e.g., “Buy Tickets”) and select the Button style (Primary or Secondary). STEP 4: Click “Save” when done. 🤔 What customization options can you give your Event Calendar? For the whole Event Calendar section ✨ Change color scheme: Click on the Event calendar section, and choose the overall scheme you want to use in both light and dark mode in the Color schema. ✨ Change the heading size: Click on the Event calendar section, and choose the Heading size to be Small, Medium, or Large. ✨ Change the Heading tag (for SEO purposes) Click on the Event calendar section, and choose the Heading tag from the list. ✨ Change the heading alignment Click on the Event calendar section, and choose the Heading alignment to be Left, Right , or Center. ✨ Change the image ratio for all the events Click on the Event calendar section, and choose the ratio you want by clicking on Image style setting. ✨ Add a border to all the event cards Click on the Event calendar section, and choose the Line and border option from the list. ✨ Change the desktop layout for this section Click on the Event calendar section, and scroll down to Desktop layout , you will have the option to make it 1 or 2 columns. ✨ Change the section width, add padding, or add a divider Click on the Event calendar section, and scroll down to the Section layout group, and you will be able to change those settings. For a single Event card block: ✨ Add an image for an event Click on an Event block, then in the Background image setting, select an image you want. ✨ Change the button style Click on an Event block, then in the Button style setting, select to make it follow Primary or Secondary style. Need help? Contact our support team at Omni Themes Support.
