Azzel Theme - Blog Page Config

Azzel Theme - Blog Page Config

1. To create a Blog Page, you need to do as follows: 

1. Go to Online Store in Shopify

2. Access Blog posts

3. Click Add blog post


2. After completing the content for Blog, in Organization, fill in the following information:

  • Author: Name of the author and content creator.

  • Blog: This section allows you to create a list for your blog

    • You can choose an available list or create a new list by Create a new blog.

    • Enter a new name for this list in the Blog Title section which appears afterwards. 


3. To configure Blog Page, you need to access Themes → Customize → Blog → Default Blog

Section Blog post:
  1. Maximum post to show: Select the maximum number of blog posts to display on the page
  2. Image ratio: Adjust the image ratio
  3. Read more label: Enter a name for the label
  4. Check to show date, author, excerpt
  5. Column number: Select the column to display on desktop, mobile tablet


4. Blog tab ( page ) 


This is a page type that will display blogs in tabs. Therefore, you need to create a page, set the page name to, say, "blog" and customize as follows:

  1. Blog tab: In this section, you customize the configuration in Post configuration as follows:
    1. Limit: Select the maximum number of blog posts to display on the page
    2. Image ratio: Adjust the image ratio
    3. Read more label: Enter a name for the label
    4. Check to show date, author, excerpt
    5. Column number: Select the column to display on desktop, mobile tablet

  1. Create a new tab: In the Blog tab section - add blog - select the blog displayed in the tab (the tab name will be displayed according to the blog group name created by the user outside the store).


5. Blog post

The blog post is divided into two layouts. On the left side of the screen, there is a slide bar, and in the center, the blog post content is displayed. To configure the slide bar, you need to do the following:

  1. Blog post
    1. Show search form: Here, users can toggle the display of the search toolbar on the page.
  2. Table of content: This section allows you to prominently display the heading sections within the blog post. By clicking on a heading here, you can view the content of that heading without needing to scroll to each section in the post.
    1. Show table of content: Users can choose to toggle the display of this section on the page.
    2. Heading: Set a name for the title.

- Note: For blog posts without headings in the content, this section will not be displayed on the page by default.

  1. Latest article: Display the latest articles.
    1. Show latest articles: Toggle the display of this section on the page.
    2. Blog: Choose which group of blogs with new posts to display on the page.
    3. Limit: Select the number of new posts to display.
    4. Read more label: Enter a name for the label.
  2. Subscribe: This section allows customers to enter their email to receive new notifications from the store.
    1. Show subscribe: Toggle the display of the form on the page.
    2. Heading: Enter a title for the form.
    3. Show social share: Toggle the display of social icons in the form.

    • Related Articles

    • Azzel Theme - Contact Page Config

      The Contact Us page is divided into two sections: the left side displays the contact form and information, while the right side shows the store's location. I. Create the Contact Page Go to Online Store in Shopify. Access Pages. Click Add Page and ...

    • Azzel Theme - About Page Config

      I. Create the About Page Go to Online Store in Shopify. Access Pages. Click Add Page and enter a title. In Theme Template, select the about-us template. II. Configure the About Page Access Themes → Customize → Page → About. Breadcrumb: Set up page ...

    • Azzel Theme - FAQ Page Config

      To create a FAQ Page, you need to do as follows: 1. Go to Online Store in Shopify 2. Access Pages 3. Click Add Page and enter a title 4. In Theme template, select FAQ template To configure FAQ Page: Access Themes → Customize → Page → FAQ FAQs You can ...

    • Azzel Theme - Product Page Config

      The Product Details are displayed in three main blocks: Product Image: Displayed at the top, right below the header. Product Information Block: Shown on the right side of the screen. Product Name and Options Block: Displayed on the left side of the ...

    • Azzel Theme - Compare Config

      You can notice the Compare section displayed as an icon of two opposite arrows ? on the right side of the screen. With each product image, when clicking the icon of two opposite arrows ? on the image, it means that the user is adding the product to ...