Before jumping to the details, make sure you understand the terms Blog and Blog posts in Shopify.
💡 What are the differences between Blog and Blog posts?
Blog: A collection of many blog posts. Blog posts: Individual articles you write and publish on your blog(s). Each post typically consists of a title, content (text, images, videos), and other elements like tags or categories.
1. Set up the Blog in Shopify admin
Different from other types of menus in Eurus, the Blog menu requires you to create a Blog in Shopify admin to link with:
Step 1: In Shopify admin, go to Online store > Blog posts.
Step 2: On the top right, select the Manage blogs button, and click Add blog.
Step 3: Give your new blog a Title, and click Save. (For example: Featured articles)
Step 4: One more time, click on the Blog posts tab under the Online store. Now, find the blog posts you want to show on the menu and click to open them.
Step 5: Scroll down to the Organization section, under Blog, and choose the right blog name that you just created. Click Save when done.
Repeat this process for other blog posts.
2. Assign the menu
📌 Important step: Give the main menu a title: In Theme Editor, click on Header section > Simple menu block > Enter the menu title in the Menu Item field on the right panel. ⚠️ You must enter this field for your menu to appear on site. |
Step 1: Go to Online Store > Themes > Customize.
Step 2: In the Theme Editor, under Header, find the Header section
Step 3: Click Add block, then tap on Blog menu.
Step 4: On the newly appeared panel, click Select blog → Find and choose the blog you created → Tap Select.
Note: Now that you have changed your title, the name of the block will be changed to your new menu title. |
3. Customize the look of the Blog menu
📌 To attach a link for the main menu:
In Theme Editor > Header > Blog menu block > Click to choose or enter a link in the Menu item link field.
(Optional) Check the box to open the link in the new tab.
📌 To change the numbers or rows/ columns for the blog menu:
In Theme Editor > Header > Blog menu block > Scroll down to find the part that says Number of columns and Number of rows → Drag to adjust or enter a number.
📌 To highlight the most recent blog posts:
In Theme Editor > Header > Blog menu block > Tick the box Enable featured post.
This will automatically enlarge the most recent blog posts, and make it more outstanding.
📌 To add a See More button under the menu
In Theme Editor > Header > Blog menu block > Under the Menu item link section, you can:
- Add a link for the “See more” button.
- Tick the box “Open the link in a new window” to activate this feature.
- Enter the “See more” button title to make it appear on the menu.
- Choose the alignment for the “See more” button.
📌 To change the blog post cover image ratio:
In Theme Editor > Header > Blog menu block > Under Blog post section, there is an Image ratio field, tap and choose the ratio you want.
📌 To hide the blog post cover image on the menu:
In Theme Editor > Header > Blog menu block > Under Blog post section, there is a check box that says Show featured image, uncheck to hide images.
📌 To show more Blogs on the menu
To achieve this, you will need to go through 2 processes:
Process 1: Set up Navigation in Shopify admin.
- In Shopify admin, go to Online Store > Navigation.
- Click on an existing menu or select Add menu to create a new one.
- Fill in the Title box to give your menu a name (This title won’t show up on site)
- To add a menu item, click Add menu item, enter its name, and assign a link (e.g., page, collection, product, or URL).
- To create a nested menu, click Add menu item again, then drag it under another item by holding the dot icon.
- Click Save.
Note: Only the first level of the menu will be displayed on the blog menu.
Process 2: Make it appear on site by setting it up in Theme Editor.
In Theme Editor > Header > Blog menu block > Under the Show other blogs:
- Tick the box Enable to activate this feature.
- Assign the menu you just created in the previous step by clicking on Select menu > Choose the menu > Tap Select.
- (Optional) Change the heading as you want.
- (Optional) Change the position to left or right.
Pro tip: Instead of linking your menu items to blog posts, consider linking them directly to products or collections for cross-selling. |
📌 To add a label on the menu:
In the Theme Editor, go to Header > Blog menu Block > Scroll down and find the Menu label section on the pop-up right panel. From here, you can:
- Enter the text you want to show on the label.
- Change the text & label color.
- Add an icon:
- Choose from the drop-down list
- Find an icon from Eurus’s icon library, copy and enter its name into Use another icon.
- enter the custom icon SVG code.
Leave everything blank to remove the label.