159 views0January 20, 2022Updated on January 22, 2022Iris
From Theme custom > Search Blog > Click on Default blog
1. Blog Heading
1.1. Blog heading settings
Blog settings will show when you click on Blog heading.
You can enable/disable Blog heading by clicking on Show Blog heading.
Back ground image: This option allows you to upload a background image from your devices.
Use scroll parallax: When you scroll down, your background image will be sticky.
Besides, you can change background color, background overlay, padding space, (both mobile and desktop) for background.
If you don’t choose Scroll Parallax, you can config these features bellow:
Background Image Position: You can choose among various position.
Background Repeat: This option allows you to choose among different types. Click here to know how to repeat background image.
Background Size: This option allows you to choose among different types. Click here to specify image sizes.
Background Attachment: This option allows you to choose among different types. Click here to specify whether the background images are fixed or scroll with the rest of page.
1.2. Blog heading content
You can change the Title and Description for this.
2. Blog slider
2.1. Blog slider settings
Blog slider setting will show when you click on Blog slider.
GENEREAL SETTINGS
Select blog: This option allows you to choose blog to show. You can also change the number of articles by adjusting Articles per page.
Date format: You can choose various date formats for many nationalities. If you want to show/hide date, click on Show date option.
Articles columns: This option allows you to change columns for all mobile, tablet, desktop devices.
Show author: You can show/hide author by clicking on this option.
SLIDER SETTINGS
Use loop: At the end of cells, wrap-around to the other end for infinite scrolling.
Auto play speed in second: You can set the automatically time move on to the next slider. Set is ‘0’ to disable auto play.
PREV NEXT BUTTON, PAGE DOT SETTINGS
Enable Prev/Next Button? This option allows you to enable/disable prev/next buttons for Blogs slider.
Visible: You can choose between Always/ Only hover.
Besides, you can choose different styles and colors for Prev/Next buttons.
Enable Page dot: This option allows you to enable/disable page dot.
You also can choose different styles and colors for Page dot.
COLOR ARTICLES DESIGN
You can change color for Text, Text 2, Background. Moreover, you also can adjust Background opacity for background.
DESIGN IMAGE, DESIGN OPTIONS
Use equal height images? If you choose this option, all your portfolio images will be fixed to the same height and weight automatically.
Moreover, you can change Aspect Ratio, Image Size, Image Position (The first value is the horizontal position and the second value is the vertical) for image.
3. Blog Pages
BLOG PAGE LAYOUT
Blog layout: You can choose among Full width, Wide (1600px), Default.
BLOG SIDEBAR
Blog sidebar: Select main content and sidebar alignment for shop pages. You can choose among None/ Left/ Right.
Sidebar size: This option allowed you to set different sizes for your shop pages sidebar, including Small, Medium, Large.
GENERAL SETTINGS
Layout design: You can choose between two styles Masonry and Default.
Articles design: There are for design for you. If you choose design 4 , you can configure more in Article design 4.
Pagination: You can choose between Default and Load more button. If you choose Load more button, you can show Progress bar and Button pagination radius, and change it style by Button pagination style.
Portfolio columns: You can choose the number of columns for portfolio (for mobile, tablet, desktop devices).
You can show/hide Date, Author, Comments for your blog page. Moreover, this option also allows you to change various Date format.
Content design: You can choose between design 1 and design 2.
DESIGN IMAGE
Use equal height images? If you choose this option, all your portfolio images will be fixed to the same height and weight automatically.
Moreover, you can change Aspect Ratio, Image Size, Image Position (The first value is the horizontal position and the second value is the vertical) for image.
This section allows you to add maximum of 16 blocks.
4.1. Recent posts
From Sidebar article > Add block > Recent posts. This option allows you to upload and configure outstanding posts to show.
4.2. Feature product
From Sidebar article > Add block > Feature product. This option allows you to upload and configure outstanding products to show.
4.3. Blog tags
From Sidebar article > Add block > Blog tags. This option allows you to show and configure for blog tags.
4.4. Blog categories
This option allows you to show and configure menu for Sidebar article. However, in order to show menu, you must create a menu first. From Shopify admin > Online store > Navigation > Add Menu > Create a Menu with blog link.
Then, from Sidebar article > Add block > Blog categories.
4.5. Shipping Delivery
From Sidebar article > Add block > Shipping Delivery. This option allows you to show and configure for Shipping and Delivery.
4.6. Text
From Sidebar article > Add block > Text. This option allows you to show and configure for Text.
4.7. Instagram feed
From Sidebar article > Add block > Instagram. This option allows you to show and configure for Instagram feed.
4.8. Custom HTML
From Sidebar article > Add block > Custom HTML. This option allows you to show HTML.