# Journal Research Grid

This Widget Adds a Grid View of Selected Issues(Published) on any Page. Each Grid Box shows a Magazine Front Page Kind of Image with Volume-Issue Numbers + it's "Issue Page" URL.

***It Enhances the Look & Feel of "Published Issues" Page and Also helps Admin Add a Separate Image for Each "Published Issue".***

<figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2FPUxKcMCgnA7JoAa26BpZ%2Fimage.png?alt=media&#x26;token=43bbed0e-9af9-47a4-9a21-5d903ec2671f" alt=""><figcaption><p>View of Single Issue (Published) Card</p></figcaption></figure>

{% hint style="info" %}
[WPBakery Page Builder Wordpress Plugin](https://wpbakery.com/) Must be Installed to Use this Element.
{% endhint %}

### About Widget Element

* You can Design your own **"Enhanced Published Issues Listing Page".**
* Add *"any Number of Issues"* that you want to List on a Page.
* You can Skip any Issue if you don't want to Show in Frontend.

#### **To Add & Format "Journal Research Grid" Element (Frontend).**

* Create a Page from **“Admin>Pages>Add New”**. OR **"Edit"** any Page on which you want to ADD this Widget.
* Find **"Page Body / Main Content"** Section.&#x20;
* Click on **"Add New Element".** This will show List of Elements.

<figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2FNIdd9tQq2TWBVpyDazOu%2Fimage.png?alt=media&#x26;token=f9350817-b982-42dc-923a-3ec2e7c9372b" alt=""><figcaption><p>ADMIN : Add Element Modal in Edit Page</p></figcaption></figure>

* Search or Find Element Named ***"Journal Research Grid".***
* *Click on it to "**ADD".***
* *By Clicking on it; a Dialog will Appear to Configure the **"Element".***

<figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2FMVPNwTN0LSR8r7HPULtC%2Fimage.png?alt=media&#x26;token=fa9cd483-7d0a-4ab8-a025-9fe038428451" alt=""><figcaption><p>Journal Research Grid Settings</p></figcaption></figure>

### Settings Information

* **Number of Column:** Number of Columns to Show in a Single ROW.
* **Choose Volume-Issue:** To Select from the List of Published Issues. Selected Issues will be added in Issues Grid View. *(Multiple Selection is Possible)*
* **Pagination Options**: Dots Format OR Numerical Format (at the End of Journal Grid Element

**Based on the Selected Volume-Issues from "Choose Volume-Issue" Dropdown; Elements in Settings Dialog will be Generated similar like Below Screenshot.**

<figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2FFfwwauB3rW0flkfYPx5r%2Fimage.png?alt=media&#x26;token=129f9cef-e6c5-4fda-b487-6af63e95d070" alt=""><figcaption><p>Journal Research Grid Settings : Issue Box for Each Selected Issue</p></figcaption></figure>

> **Each Generated Element Represents a "Volume-Issue" Card.**

#### **Now, It's Time to Add Information for Each "Volume-Issue" Card Element**

<figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2FLvRIf9h4M4iFW6A1eBUg%2Fimage.png?alt=media&#x26;token=62d2f7ab-f02e-43d0-a7e4-3d77bfdbd374" alt=""><figcaption><p>Single Volume-Issue Card Details</p></figcaption></figure>

#### **Information About Fields :**&#x20;

* **Image :** Image to be shown within the Card.
* **Title :**  Title of Card (E.g. Volume Number OR ISSUE Name)
* **Description :** Short Description of Card (E.g. Issue Number OR Info. About Published Issue)

<div align="center"><figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2FbhE62O8mblBrLfHCTnhm%2Fimage.png?alt=media&#x26;token=0dd19e24-dcd7-4d4b-b20f-8f9924b4ca3b" alt=""><figcaption><p>Visual View of Each Card on Frontend [After Adding Information]</p></figcaption></figure></div>

#### ADD INFO IN "Volume-Issue" CARD

* Fill Up All the Required Fields for Each Card.
* Click on **"Save Changes"** Button to Save.
* **Done !**&#x20;

### Voila! You have Successfully Added "Journal Research Grid" Element on your Page.

## &#x20;                                       [Element View in Page](https://journalpublicationv5.hyvikk.solutions/journal-wp-bakery-elements/)

<figure><img src="https://2912550826-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MClN2UaQvvE_xoI37vK%2Fuploads%2F3Ht1Iy9uFgbLLWqw7anU%2Fimage.png?alt=media&#x26;token=1fdfbf3a-f0b2-4009-9da9-52d8938c9e77" alt=""><figcaption><p>Frontend Page View with "Journal Research Grid" Element</p></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://jrpdocs.hyvikk.space/features/wp-bakery-page-elements/journal-research-grid.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.