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.

Journal Research Grid Settings

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.

Journal Research Grid Configuration : Generated Issues based on Selection

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

Journal Research Grid Configuration : Issue Box for Each Selected Issue

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

Single Volume-Issue Card Details

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

PreviousBlock Elements for Listing ArticlesNextJournal Research Issues Carousal

Last updated

Was this helpful?