14. Fashionopolism Theme: Setting Up The Blog

In this article, we will go through the process of setting up the blog and blog article (aka blog post) page.

Blogs page

Accessing the blog page

From inside the Theme editor click the Template Picker drop down and select Blogs.

Blog settings

Banner image

The Banner Image sets a banner across the top of the blog post. The same banner image is used across all the different blogs found on the store.

Description

Add a text description which appears underneath the banner image on the blog page. The text supports displaying bold, italicized, and can add links too. Deleting the text entirely will hide it from appearing on the page.

Show tag navigation

Toggling this option will display the tags which have been added to the blog posts that are within this blog.

Article settings

Beneath the blog settings are article related settings which effect how articles appear on the blog page.


Show tags

Toggle displaying the tags in the title of each blog post.

Show author

Toggle displaying the author in the blog posts.

Show published date

Toggles displaying the published date on the blog posts.

Sidebar settings

Beneath the article settings are settings related to the sidebar which can be added to the blog page.

Sidebar text alignment

Controls how the text is aligned on the sidebar.

Border sidebar blocks

Adds a border to the "blocks" added to the sidebar.

Sidebar content

The sidebar supports displaying different "blocks" in the "Content" section which can add or remove "blocks" from appearing in the sidebar. Similar to "sections" on the homepage, blocks can be repositioned by dragging and dropping them.

Sidebar menu

Displays a navigation menu in the sidebar. It only supports displaying first level menu items and cannot display nested menu items. Can also change the Header that appears above the menu.

Sidebar text

Adds Rich Text content to the sidebar. The text can be formatted to be bold, italicized or add links. Can change the Header which displays above the text.

Newsletter

Adds a newsletter sign up form where a customer can enter their email to sign up. Can also add Rich Text similar to the "Sidebar text" block.

Sidebar image

Adds an image to the sidebar and can supports specifying an optional link that makes the image clickable.

Profile

Adds an image with header text and Rich Text content, intended to display an image of the blog post author and give details about them.

Product

Adds a product from the store to the sidebar. Displays an image of the product as well as the product title and price. The "Show button" option, when enabled, displayed a button beneath the product which links it to the actual product page. The button text field changes the text that is displayed on the button.


Blog post

Accessing the blog post

From inside the Theme editor click the Template Picker drop down and select Blog Post.

Article settings

Show featured image

Toggles to display the featured image of the blog post if one had been added.

Show tags

Toggles to display the tags that have been added to the blog post.

Show author

Toggles displaying the name of the post's author.

Show published date

Toggles to display the published date.

Show share icons

Toggles to display the share icons.

Sidebar settings

Sidebar text alignment

Sets the text alignment of text within the sidebar.

Border sidebar blocks

Adds a border to the "blocks" added to the sidebar.

Sidebar content

The blog post sidebar supports displaying different "blocks" in the "Content" section which can add or remove "blocks" from appearing in the sidebar. Similar to "sections" on the homepage, blocks can be repositioned by dragging and dropping them.

Blog posts

Allows displaying posts from a blog in the sidebar. The posts will display an image if a featured image has been added to the blog posts as well as an excerpt and a "read more" link. The Header option can change the heading text that appears above the blog posts. The "Show excerpt text" option when enabled will display each blog post's excerpt.

Sidebar menu

Displays a navigation menu in the sidebar. It only supports displaying first level menu items and cannot display nested menu items. Can also change the Header that appears above the menu.

Sidebar text

Adds Rich Text content to the sidebar. The text can be formatted to be bold, italicized or add links. Can change the Header which displays above the text.

Newsletter

Adds a newsletter sign up form where a customer can enter their email to sign up. Can also add Rich Text similar to the "Sidebar text" block.

Sidebar image

Adds an image to the sidebar and can supports specifying an optional link that makes the image clickable.

Profile

Adds an image with header text and Rich Text content, intended to display an image of the blog post author and give details about them.

Product

Adds a product from the store to the sidebar. Displays an image of the product as well as the product title and price. The "Show button" option, when enabled, displayed a button beneath the product which links it to the actual product page. The button text field changes the text that is displayed on the button.