Last Updated 2 years ago
Smart Tags support
Smart Tags (hooks) are responsible for displaying albums, photos or a photo. Each hook can be assigned various settings that let you control how Smart Tags will display photos or albums on the store page. These hooks can be inserted into .tpl files in the active store theme{hook h='PShowGalleryGetAlbums'}
Variables:
title - title of the album list{hook h='PShowGalleryGetAlbums' title='My album title'} id_album - ID of the album / albums to be displayed. To add several albums, their IDs must be separated by a comma ","
{hook h='PShowGalleryGetAlbums' id_album='1'}
{hook h='PShowGalleryGetAlbums' id_album='1,2'} method - gallery display method after clicking the album
Available methods:
- link - clicking the album redirects the user to the album page
- popup - clicking the album opens a modal with the album's photos
{hook h='PShowGalleryGetAlbums' method='link'}
{hook h='PShowGalleryGetAlbums' method='popup'} columns_width_xs - number of bootstrap xs columns in a row
{hook h='PShowGalleryGetAlbums' columns_width_xs='12'} columns_width_sm - number of bootstrap sm columns in a row{hook h='PShowGalleryGetAlbums' columns_width_sm='6'} columns_width_md - number of bootstrap md columns in a row{hook h='PShowGalleryGetAlbums' columns_width_md='4'} columns_width_lg - number of bootstrap lg columns in a row{hook h='PShowGalleryGetAlbums' columns_width_lg='3'} {hook h='PShowGalleryGetImages'}
Variables:
title - title of the displayed photo / photos{hook h='PShowGalleryGetImages' id_album='1' id_image='2' title='My photo title'} id_album - ID of the album from which we want to display a photo
{hook h='PShowGalleryGetImages' id_album='1'} id_image - ID of the photo we want to display. If this variable is not set, all photos from the album will be displayed
{hook h='PShowGalleryGetImages' id_album='1' id_image='2'} limit - limit of displayed photos
{hook h='PShowGalleryGetImages' id_album='1' limit='5'} isSlider - displaying photos in a slider
{hook h='PShowGalleryGetImages' id_album='1' isSlider='1'} showInProduct - displaying the photo / photos on a chosen product
{hook h='PShowGalleryGetImages' id_album='1' id_image='3' showInProduct='1'} id_product - ID of the product where the photo / photos will additionally be displayed
{hook h='PShowGalleryGetImages' id_album='1' id_image='3' id_product='1'} showInCategory - displaying the photo / photos on a chosen product
{hook h='PShowGalleryGetImages' id_album='2' id_image='7' showInCategory='2'} id_category - ID of the category where the photo / photos will additionally be displayed
{hook h='PShowGalleryGetImages' id_album='1' id_image='3' id_category='1'} columns_width_xs - number of bootstrap xs columns in a row
{hook h='PShowGalleryGetImages' columns_width_xs='12'} columns_width_sm - number of bootstrap sm columns in a row{hook h='PShowGalleryGetImages' columns_width_sm='6'} columns_width_md - number of bootstrap md columns in a row{hook h='PShowGalleryGetImages' columns_width_md='4'} columns_width_lg - number of bootstrap lg columns in a row{hook h='PShowGalleryGetImages' columns_width_lg='3'}