Blog v3
Blog V3 - setup and usage
In our latest version, we've made the blog even more flexible, adding more options for design/layout on the blog's front page. More choices for text and color are also central to version 3. Below, we'll go through all the settings and options for blog v3.
You can find the settings in design settings via Advanced settings > Blog - settings/ Blog - Text/color
Activate blog v3
You activate blog v3 via Advanced settings > Blog - settings > Blog v3 (set this to On).
Main image visible in article
The main image is the image that will appear on the blog's front page and possibly in latest blog posts on the online store's front page if you have activated the display of latest blog posts. The main image will also be at the top of the article itself, but you can choose not to have it visible in the article itself. If you don't want to show the main image in the article itself, set this setting to Off.
The main image is added to the blog articles via Advanced settings > Upload main image
Full-width view ("big post")
A new feature with blog v3 is "big post". This means that the blog post on the blog's front page will cover the entire width of the content area, with the option of having the content (title, date, and category) on the image instead of below the image. You can choose whether every third, fifth, seventh, or all posts should be "big post". Alternatively, you can choose not to use it if you only want two columns of blog posts all the way.
On mobile, all posts will be full width, but the difference will be whether the content is on or below the image, depending on the setting Show content on the main image (applies only to "big post").
If you turn off content on the main image, the content will be placed below the image, like a regular post.
Adjustment content on "big post" lets you decide where on the main image you want the content placed: at the bottom, top, or middle. It will always be aligned to the left.
Number of characters in the introduction on the blog front page
Here you can adjust how much of the article's text should be displayed on the blog's front page.
Latest blog posts (on the front page)
This is great to use if you want to showcase the four latest blog posts on the front page of the online store, just above the bottom line.
For these to be displayed, you must also add the "latest blog posts" widget via Design > Main menu/content > Boxes in menu lines
Options for "latest blog posts"
- Display of "Read more" button
- Number of characters in the introduction (how many characters from the text should be displayed under the title)
- Text size of title
- Only show the last two blog posts on the front page (mobile):
- This can be useful considering that the latest blog posts on mobile are in full width, and you then get four blog posts vertically. By activating this setting, you will only get the last two blog posts on mobile view.
Other adjustments of text and color
These settings are under Advanced settings > Blog text/color
Text size title (inside the article) Default size is 60px
Adjustment text on blog front page (left, right, or centered). Below you see the text/content centered:
Text color blog front page
Text color «Read more» on blog front page
Text color title/date/category on blog front page
Background color title (main image "big post")
This can be used if you want a background color on "big post" content (title, date, category)
You can adjust the opacity of the background (how transparent it should be) on the setting:
Text color title (main image "big post")
Text size title "Latest blog posts" (front page)
Categories
In blog v3, categories have a new display on the blog's front page. The sidebar has been removed, and the categories are now horizontally at the top of the page. On mobile view, they are placed in a dropdown menu.
On the articles, the category(s) are above the article's title. You can click on these to see all posts related to the given category.
How to add categories to blog articles?
- Find the blog articles in the control panel via Design > Main menu/content > Blog articles
- Create a new article or go to an existing article (click Edit).
- Scroll down to Advanced settings and categories. Click on manage categories
- Click on Add category:
- Enter the name of the category, slug (the category's id/name in the url), optionally select another main category if this is to be a subcategory. If this is a new main category, you do not need to select a category here. Also, check for visibility:
- Click Submit to save the category.
- Click Ok:
- Click on X to close the dialog box
- Check which categories the article should be linked to and click Save categories/tags