Skip to main content

Blog v3

List of informational post related to the brands, products, etc.

blog image

steps:
  1. In the theme editor (Customize), click Add section
  2. Locate Blog
  3. Save

Create blog posts​

  • In your Shopify admin, go to Online Store > Blog Posts > Add blog post.

blog image

  • Enter a title for the blog post
  • Enter the content of the blog post
  • Choose settings for blog posts:
    • Author: In the drop-down menu, select the name of the author of the article.
    • Blog: Select the name of the blog where the article will be posted.
  • In the Featured image section , click Upload image and then select an image to upload.
  • Select Visible in the Visibility section or select a specific posting date for the post
  • Click save

blog image

info

Please follow this link for more information.

Section settings​

1. Layout settings​

  • Container type: You can choose among Box, Wide, Fullwidth for the policy layout.
  • Use the provided text fields to add a suitable Title. Leave any of them blank if you do not want to display them.
  • Articles limit: Determine the number of Article you want to be retrieved.
  • Column limit: Determine the number of Blog shown per row.
  • Gap: Determine the space between 2 items.
  • Autoplay: run the carousel automatically.
  • Hover style (Image hover effect): This option allows you to set an effect when hovering for image with many selections (Warning: Hovering effect will resize your images).

layout setting

2. Button settings​

You have the flexibility to modify the label displayed on the button right here. Additionally, you can custom the button by selecting the Button mode, Button style, Button size option, Custom Border radius, Button padding

slideshow demo

3. General settings​

Section color scheme: lets you select a predefined color scheme for the section, which applies to the text and background.

Background image The priority is higher than Background color

Use parallax enables a parallax scrolling effect for the background image (if one is set)

Section Padding allows you to specify spacing before or after sections or both

general demo