Hi, I using the “Travel” demo to create a website for a client. The homepage contains a product grid that I’d like to use. Can I make an image grid that links to pages similar to the product grid element?
The closest I could come to reproducing the Travel Demo “Product Gallery element” was to use the “Masonry Gallery element.”
Masonry Element Settings:
Masonry Content tab >
[Add/Edit Gallery] for adding images to gallery >
Add (images) to Gallery
URL: image url
Title: Robotics Class
Alt Text: Students having fun!
Custom link: leads to wordpress page
Image Number: 6;
Columns: 3 columns
Pagination: No option to view additional images
Size Settings: Perfect Grid: Display a perfect grid where each images has the same size…
Gap between elements: Large Gap
Image overlay: Overlay deactivated (makes image brighter)
Image Link: Lightbox linking deativated. (Custom links will still be used)
Element captions tab >
Element Title and Excerpt: Display Title and Excerpt
Element Title and Excerpt Styling: Display as centered overlay (overlays the image)
Element Title and Excerpt display settings: Display on mouse hover
Elements Colors >
Custom Colors: Default
Hey!
That is a solution yes, else you will have to either modify the shortcode to work like you want and call it from a child theme
To do that, most probably you would need a freelancer to help you out.
Documentation to help you call a shortcode from a child theme
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths)
{
$template_url = get_stylesheet_directory();
array_unshift($paths, $template_url.'/shortcodes/');
return $paths;
}
Cheers!
Basilis
Thanks for showing me the way :)