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

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.

Frontend Page with "Journal Research Grid" Block Element

Last updated

Was this helpful?