> For the complete documentation index, see [llms.txt](https://docs.lufavo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lufavo.com/frameora/page-setup/article-page.md).

# Article page

The Article page displays a single Shopify blog post.

Use this page for guides, styling tips, announcements, inspiration articles, and educational content.

### Open Article page settings

{% hint style="success" %}
To edit the Article page:

* From your Shopify admin, go to **Online Store > Themes**.
* Find **Frameora**.
* Click **Customize**.
* Use the page selector at the top of the theme editor.
* Select **Blog posts**.
* Choose a blog post to preview.
* Select the **Main article** section in the sidebar.
* Edit the settings.
* Click **Save**.
  {% endhint %}

***

### Main article settings

The Main article section includes these settings:

* Hero pill text
* Show author
* Show date
* Show comments
* Comments per page
* Show read time
* Call to action banner heading
* Call to action banner text
* Primary button label
* Primary button link
* Secondary button label
* Secondary button link

***

### Article content

The article title, featured image, and body content are managed from Shopify Admin.

{% hint style="success" %}
To edit a blog post:

* From your Shopify admin, go to **Content > Blog posts**.
* Open the blog post.
* Edit the title, content, excerpt, featured image, author, and visibility.
* Click **Save**.
  {% endhint %}

***

### Hero pill text

Use the **Hero pill text** field for the small label shown near the article title.

Example:

**Frameora Blog**

***

### Show author

Enable **Show author** if you want the article page to display the blog post author.

The author is managed from the blog post settings in Shopify Admin.

***

### Show date

Enable **Show date** if you want the article page to display the publish date.

***

### Show read time

Enable **Show read time** if you want the article page to display an estimated reading time.

***

### Comments

Enable **Show comments** if you want blog comments to appear on article pages.

Use **Comments per page** to control how many comments appear at one time.

Comments depend on your Shopify blog comment settings. If comments are disabled in Shopify Admin, comments may not appear even if this setting is enabled in the theme editor.

***

### Call to action banner

The Article page includes an optional call to action banner near the bottom of the article.

Use this banner to guide readers to shop, create a product, browse collections, or continue exploring your store.

The call to action banner settings include:

* Call to action banner heading
* Call to action banner text
* Primary button label
* Primary button link
* Secondary button label
* Secondary button link

#### Call to action banner heading

Use this field to customize the main heading in the banner.

Example:

**Ready to turn your photos into wall decor?**

#### Call to action banner text

Use this field to add supporting text below the heading.

Example:

**Create premium photo products made for memories you can update anytime.**

#### Primary button label

Use this field to customize the main button text.

Example:

**Create Your Tiles**

#### Primary button link

Use this field to choose where the primary button links.

Example:

**/products/custom-photo-tiles**

#### Secondary button label

Use this field to customize the secondary button text.

Example:

**Shop Wall Art**

#### Secondary button link

Use this field to choose where the secondary button links.

Example:

**/collections/all**

***

### Back to blog link

The Article page includes a link that lets customers return to the blog page.

This helps readers continue browsing blog posts after reading an article.

***

### Best practices

Before publishing, check that:

* The blog post is published.
* The article title is clear.
* The featured image is uploaded.
* The article content is easy to read.
* Author, date, comments, and read time settings match your preference.
* Call to action buttons link to the correct products, pages, or collections.
* The article page looks good on desktop and mobile.

***

### Save your changes

After editing the Article page, click **Save**.

If changes do not appear immediately, refresh the storefront or open the page in a private browser window.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.lufavo.com/frameora/page-setup/article-page.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
