> For the complete documentation index, see [llms.txt](https://jrpdocs.hyvikk.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jrpdocs.hyvikk.space/features/designing-article-details-page.md).

# Designing Article Details Page

Most of the Journal Publication Houses wants to have a Customizable Article/Paper Details (Published) Page in Frontend.

**As a Feature Request,** 

> Finally ! We have Added this Much Awaited Feature in Plugin.

### About Feature

* Design your own **"Frontend Article Details Page".**
* Add any other Design Elements OR Text Blocks within the Design.
* Remove Unwanted Article Fields/Elements if don't want to Show in Frontend.

#### **To Design Article Details Page (Frontend).**

* Create a Page from **“Admin>Pages>Add New”**. This page will be used to Design your Own Customized “Article Details” Page.
* Add **"Title"** of the Page According to your Need *(E.g. Published Article Details).*
* ***Now, Its time to Design the Page.*** 
* Find **"Page Body / Main Content"** Section. You can add any Blocks / Elements in it.
* To Add Article Details Page Related Elements, Click on **"Toggle Block Inserter (+)".** It will show List of Elements / Widgets.

![Toggle Block Inserter (Left Top Side)](/files/W6IN4oPZlbQ6Ar4fDPjj)

* Search OR Find Blocks with **"(Article)"** Prefix in Block Name.

![Page Blocks / Elements for Article Details Page](/files/FVcs0y1Y13euKFRoLHQt)

* Add Article Blocks to the Page Body Section. Design an Amazing Page Using it.
  * You can also Set Labels with Widgets.
  * You can Also Set CSS Class to Add Custom CSS on it.
  * You can Use any Other Elements/Blocks with Article Blocks. 
* Upon Completion of "Designing the Page", Click on **"UPDATE/PUBLISH"** to Save.

> **Now, Next Step is to SET the Designed Page as the Frontend Article Details Page**

#### **To Set Designed Article Details Page in Frontend.**

* Copy **"URL Slug"** of the Created Article Details Page from ***"Pages"***

![URL Slug of Page](/files/50G7FveDjGYbu6teKIFR)

* Go to **"Admin> Journal Research > Wizard Settings > Advanced\[TAB]"**
* Select the Created Page From the Dropdown **"Article Details Page Slug"**. This will Link the Designed page with Plugin Structure.
* Click on **"Submit"** Button to Save.
* **Done !**

### Voila! You have Successfully Designed "The Article Details Page".

#### **To View Designed Article Details Page in Frontend.**

* Go to **"Current Issues List"**, Open Article Details Page By Clicking on any Article Title.
* Go to **"Past Issues > Any Issue Papers List"**, Open Article Details Page By Clicking on any Article Title. 

{% hint style="info" %}
If you don't SET any *"URL Slug"* in **Wizard Settings > Settings \[TAB] :** "**Article Details Page Slug**"**,** Plugin will Show the Default Page Design.
{% endhint %}