Shopify elements – Blog Post Image

In this article, you’ll learn about another Shopify element named Blog Post Image. This element is a new one of PageFly version 3.0.0. 

About Blog Post Image element

The Blog Post Image element is designed to display images of your Shopify blog post on your page to increase your conversion rate. You can use the Blog Post Image element to display your image of a blog post on any non-blog post page or use it on a blog post page.

Access the Blog Post Image element

Access the Blog Post Image element

Step 1: Click on the Plus icon which is the Add element function

Step 2: Click on the Blog Post Image element in the dropdown menu

Step 3: Drag and drop the element you want into the page editor and then start using it.

Note that you can search for this element by using the search function instead of finding it in the sidebar.

Blog Post Image element configuration

Blog Post Image element comes with parameters allowing you to fine-tune content appearance for the best possible conversion rate.

Select the element in the layout to see its parameters.

General configuration

Blog Post Source: When you drag and drop the Blog Post Image element into the editor page, it will be chosen by default in the Blog Post Source section.
Custom Blog Post: Select Blog Post that contains the image you want to display on your store.
Set Fixed Height: Enable this option if you want to adjust the height for the main product image. The maximum height is 2000px.
Link to blog: Turn on this feature to allow customers to direct to your Blog Post when they click on the image.

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here

Styling configuration

You can check more information about the Styling tab here

Thank you for your feedback!

Navigate this category

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!