Maximize - Sections & Blocks
Maximize - Sections & Blocks
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.
