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.