Article Date Element

About Article Date Element

The Article Date Element allows you to display the publication date of an article on your page.

You can use it within the Article List Element or while designing an Article Page to keep your content visually organized and informative.

How to Change the Article Date Format on Shopify?

To adjust the format of the article date in your blog, please refer to this article: Date Formats.

Article Date Element Settings

This is how to customize the article date element:

Date Format

The Article Date Element offers six predefined formats to suit various design and content styles. For instance:

• DD/MM/YYYY: Displays the day, month, and year in numerical order.
• Month DD, YYYY: Displays the full month name followed by the day and year.
• YYYY-MM-DD: Displays the year first, followed by the month and day for a structured, minimalist look.

Choose a format that matches your website’s tone, formal or casual.

Text

Customize the font size, style, and color of the displayed date to align with your brand’s typography and aesthetics.

States

• Normal State: The default color of the date.
• Hover State: Define what the date color appears when users hover over it 

Text Align

Position the date text to the left, center, or right within its container for better visual alignment.

SEO

Set the date element’s HTML tag (H1–H6, or div) to optimize how search engines interpret it. Using appropriate tags ensures the content remains structured and SEO-friendly.

Configure the Advanced tab for the Article Date Element

For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.