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