Journal Research Grid

To Add & Format "Journal Research Grid" Block in a Page.

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".

Single Issue (Published) Card Design

No need to purchase the WPBakery Page Builder Wordpress Plugin to Use this Element.

About Block Element

• You can Design your own "Enhanced Published Issues Listing Page".

• Add "any Number of Issues" you want to List on a Page.

• You can Skip any Issue from the List if you don't want to Show in Frontend.

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

• Create a Page from “Admin>Pages>Add New”. OR "Edit" any Page on which you want to ADD this Widget.

• Open "Block Inserter" Section.

• Search or Find Element Named "Journal Research Grid".

• Select it, to ADD in Page.

• Now, Click on Added Block to Open "Configuration" Dialog. You can Manage Frontend Listing from Here.

Settings Information

• Number of Column: Number of Columns to Show in a Single ROW.

• Pagination Options: Dots Format OR Numerical Format (To Load More Items. it will be shown at the End of Journal Grid Element)

• No of Entries Per Page: Max Number of Entries to Load for Each Page with Pagination.

• Grid Height: Height of Single Issue Card.

• Grid Width: Width of Single Issue Card (In Pixels).

• Choose Volume-Issue: To Select from the List of Published Issues. Selected Issues will be added in Issues Grid View. (Multiple Selection is Possible)

Based on the Selected Volume-Issues from "Choose Volume-Issue" Dropdown; Elements in Configuration Dialog will be Generated & Added as Shown Below.

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

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

Information About Fields :

• 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)

• Image : Image to be shown within the Card.

Visual View of Each Card on Frontend [After Adding Information]

ADD INFO IN "Volume-Issue" CARD

• Fill Up All the Required Fields for Each Card.

• Click on "Save Changes" Button to Save.

• Save the "Page" as well.

• Done !

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

Element View in Page

Frontend Page with "Journal Research Grid" Block Element