Blog Post

Blog Post

The Blog Post section, is designed to display blog posts in a visually appealing layout. It typically features an image on one side and the corresponding blog post information on the other.
​

blog-post-overview
​
Configuration Options:
Section Header:
  1. Heading: Enter the main title for the section.
  2. Heading Size: Select the desired display size for the title.
  3. Sub-heading: Enter a secondary heading (optional).
  4. Description: Enter a detailed description of the section.
  5. Alignment: Choose the alignment of the displayed information (heading, subheading, description).
​
Blog Post Configuration:
  1. Blog post type: Select the desired display format:
    1. Tab: Displays blog posts within tabs, allowing users to switch between different categories or topics. If you select "Tab," you need to configure and create the display tabs.
    2. Default: Displays blog posts in a standard, list-like format. If you select "Default," you need to configure the "Blog type default" settings.
blog-post-display
  1. If "Tab" is selected, configure as follows:
    1. Limit: Select the maximum number of blog posts to display on the page.
    2. Image ratio: Adjust the image ratio for the blog post images.
    3. Read more label: Enter the text for the "Read more" link.
    4. Display options: Check the boxes to show the date, author, and/or excerpt for each blog post.
    5. Column number: Select the number of columns to display on desktop, mobile, and tablet screens.
blog-tab
  1. Add blog: Select the blog groups to be displayed as tabs.

  1. If "Default" is selected:
    1. Choose to display Banner: Toggle this setting to display the banner
    2. Select blog posts: Select specific blog posts to display in this section.
blog-default
Section Layout:
  1. Color Scheme: Select a background color to use if no background image is displayed.
  2. Background: Choose a background image for the section (if desired).
  3. Section Full Width: Toggle this setting to make the section span the full width of the screen. If disabled, customize the size at "Section max width."
  4. Content Full Width: Toggle this setting to make the content within the section span its full width. If disabled, customize the size at "Content max width."
  5. Padding and Margin: Adjust the padding and margin for the section on mobile, desktop, and tablet screens to control spacing.
  6. Section Optimization: Section optimize: Lazy Load Speed: The section will only load when it is scrolled to on the page, improving initial page load times.
section-layout-settings



    • Related Articles

    • Blog Page

      Create the Blog Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. Add introductory text or information for your blog page in the Title and Content field. Add a Title and Description in Search Engine Listing to see ...

    • Articles Pages

      Creating an Article: Go to Online Store in Shopify Access Blog posts Click Add blog post After completing the creation, fill in the following information: Title: Enter a descriptive title for your blog post (e.g., "Blog about your latest products or ...

    • Changelog - Azzel Themes and Presets

      [26/09/2025] Version 4.1.0 Changed Update the layout for the presets: Anysound, Docket, Audion [16/09/2025] Version 4.0.2 Fixes and other improvements Fix error translate search button Fix accessibility errors for all pages [08/09/2025] Version 4.0.1 ...

    • Azzel Theme Setting

      On the customization page, click on the second icon to access the theme settings. Now, let’s explore each component in the theme settings one by one! Color With the Colors setting, you can create and customize unique color palettes for different ...