First image

Undraw My Documents

About

The first image is an illustrative image that you can render with the page-image tag.

As its name indicates, this is the first image found on your page.

You would use it generally within an iterator.

Example

For the purpose of the demonstration, we have included this image to act as our first image

Surfer600



With the page image tag, you can then show it with the following syntax

<page-image first width="400" linking="default"/>

Surfer600

How to see the value of the first image?

In the image tab of the metadata manager, you can also see the value of the first image.




Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.




Recommended Pages
Facebook Graph Enabled

Sharing a link from a ComboStrap page will show on every facebook post a card thanks to the facebook social graph metadata
Featured Image
Featured Image

A featured image is a page's main illustrative image. The featured image is generally located below or above the page tile. We support two types of featured images: raster that are suitable for...
Undraw Growth Chart R99m
How ComboStrap tackles SEO to bring you more visitors?

seoSearch engine optimization (or SEO) is the process of making your website optimized for search/enginesearch engine (Google, Bing, ...) to get to the top of their result. On a website level, it means:...
Surfer600
Page-image Component: Renders the illustrative image of your page

Page-image is a component that renders the illustrative image of the page and is generally used in a fragment.
Twitter Card Preview
Twitter card enabled

Sharing a link from a ComboStrap page will show on every twitter a card thanks to the social metadata
Stock Image Surfer In The See
What are the illustrative images for a page?

A page has one or more illustrative images. * featured image: the image that is shown just above or below the title * twitter image: the image shown in a Twitter card * facebook / Open graph...



Task Runner