Collection Page vs Custom Page
Collection Pages are pages that have image links that go to different internal website pages. Think of them as being like a Contents or Index page with image navigation for your website.
For more information on Collection Pages, please see our guides here.
Animation showing the hover effect with a Custom Page (the theme is Sierra).
We have a wide variety of different Collection Page styles within our various theme templates, along with customization options for these, however, you may want to create your own image navigation with your own styling and layout and you can do this with a Custom Page.
For more information on Custom Pages, please see our guides here.
Create a Custom Page and Start from Scratch
Navigate to Portfolio > Pages > Create Page and 'Custom Page'
Set Page Name
Select 'Start from Scratch' and click 'Add Section'
Add Section from Images
Navigate to the 'Images' Section
All images can be set to have links to Pages, Websites or an Email address
Slideshows include advanced options for adding visual links with text and can look very professional. See our Create a Slideshow guide.
Images with Text is the most useful, as the page name/title does not display automatically when hovering or clicking (like it does on a Collection Page)
Hover the section style that you want and click 'Add Section'
Add your Image
Because you already have the page you want to link to already created, it is easy to import your image from the existing page
Click 'Import from Format'
Select the image and import.
Click on the imported image to move within the placeholder shape and to get the toolbar to appear above
Change Image: re-import or add a replacement image)
Change Shape: dropdown options include Original, Square, Round, Portrait, Landscape and Panorama
Resize: slider to increase/decrease size of image
Link: to a Page, Website or Email address
Image Description: add alt-text
Set Link to Image
With the image selected, click 'Link'
Toggle the 'Choose a page' dropdown
Select your page
Click 'Create' to close and create the link
Set Text Link
If using an Image Section that includes Text, you can select and replace with your own text and also set this to be a text link.
Add text and select
Choose style to apply from Large Heading, Heading, Body, Small Text and List (if enabled)
Select the internal Page from the dropdown list
Add other Sections
Continue to add other Sections. You are not bound to use the same style so you can come up with creative solutions and test with your live site.
Still have questions? Reach us on our live chat or email us at firstname.lastname@example.org We’re here to help!