Instructions
The Gallery Widget can be configured to display an individual Entry Widget when the entry is clicked. The Entry Widget can be on the same page as the Gallery, but typically the Entry Widget will be added to a different page and configured to appear as a modal pop screen.
Setting up the Entry Page
1. Our first task is to create an Entry page. This page will display the selected Gallery Item. From the PAGES panel, expand the Page dropdown list – you should see a + New Page option.
2. Press the New Page button.
3. In the Parameters panel, set the following attributes:
Parameter | Suggested Value |
Name | Entry |
Name in Menu | Entry |
URL Slug | entry |
Status | Enable |
Page Description | Entry |
Background Type | transparent |
4. Press the submit button. The new Entry page will be loaded into the Preview window.
5. Select the Widgets panel by clicking Widgets on the top right of the Editor screen.
6. Add the Entry widget to the page.
7. Make sure the Entry widget is selected in the PAGES panel.
8. In the Parameters panel, set the following attributes:
Parameter | Suggested Value |
Background type | transparent |
Width type | full_width |
Height type | vh:80 |
Next/Prev Entry arrows | On |
Select Default Entry ID to display | 0 |
entry header title text style | Heading 3 |
entry header details text style | Paragraph (set Text Color as required) |
entry details label text style | Paragraph (set Text Color as required) |
entry details text style | Paragraph (set Text Color as required) |
Entry display layout location | Under entry |
Setting up a Gallery Page
1. Now the Entry Page is created, we shall create a Gallery Page. Return to the PAGES panel, expand the Page dropdown list – you should see a + New Page option.
2. Press the New Page button.
3. In the Parameters panel, set the following attributes:
Parameter | Suggested Value |
Name | Gallery |
Name in Menu | Gallery |
URL Slug | gallery |
Status | Enable |
Page Description | Gallery |
Background Type | transparent |
4. Press the submit button. The new page will be loaded into the Preview window.
5. Select the Widgets panel by clicking Widgets on the top right of the Editor screen.
6. Add the Gallery widget to the page.
7. At this point, you can also add Counter, Rich Text or Strip widgets to add titles, instructions, welcome messages, or any other content to the page.
Configure the Gallery and Entry Page Connection
1. We now have a Gallery and Entry page – but we need to configure the Gallery widget to use the Entry Widget. Return to Gallery page.
From the PAGES panel, expand the Page dropdown list (currently displaying Entry) and select Gallery.
2. Make sure the Gallery widget is selected in the PAGES panel.
3. Look at the Parameters panel. The key parameter to set is the View entry page field. This parameter allows you selects the page to display the individual entry selected by the Gallery viewer. Only pages that include an Entry widget will be selectable from the dropdown list.
4. Select the page Entry.
5. Set the parameter Display view to Popup.
6. The Gallery to Entry page connection is now configured. You can now configure Gallery’s look and feel – try experimenting with different Gallery Types, No. of Columns, etc.
7. Publish the changes if ready.