Galleries Archives - SmartFrame

Gallery options

albano.toska — Mon, 26 Feb 2024 14:13:55 +0000

Galleries have many options that can be enabled in order to change various Gallery functionalities.

The same set of options as for the Web Component can be used for the Embed Code.

disable-captionsoptionalfalseBoolean to hide all the image captions, including the custom generated via gallery-caption option

Option (Web Component)	Type	Default value	Description
`image-id`	mandatory	–	List of image ids separated by comma.
`theme`	optional	–	Theme name that overrides the default theme in use.
`gallery-caption`	optional	–	Text value that overrides all the image captions with a single caption.
`gallery-captions`	optional	–	JSON string that overrides individual image captions and overrides gallery-caption (if any). If some image ids are missing or wrong in the attribute, then their default caption value is loaded instead (if any). The JSON string can carry HTML data, useful for providing custom captions. Web Component example: This is HTML’},{‘id’:’4900203′,’caption’:’Another caption’},{‘id’:’9203495′,’caption’:’Another caption’}]”>
`gallery-attribution`	optional	–	Text value that overrides the theme attribution for off-site embeds with a custom attribution.
`autoplay`	optional	false	Boolean to start autoplay the Gallery slides. On mouseover or tap the autoplay feature is stopped.
`interval`	optional	–	Number value (milliseconds) that sets the delay between each image. Default value is 5000 (milliseconds).
`social-media-first-line`	optional	–	Text value that provides a custom description for the first line of the social media preview (Facebook, X, LinkedIn). If no `social-media-first-line`, default Control settings from the first image in the Gallery are applied.
`social-media-second-line`	optional	–	Text value that provides a custom description for the second line of the social media preview (Facebook, X, LinkedIn). If no `social-media-second-line`, default Control settings from the first image of the Gallery are applied.

The post Gallery options appeared first on SmartFrame.

Gallery caption

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

You are free to use a single caption for all SmartFrame images within a Gallery, or to use separate captions for individual images if you prefer. This can be determined in the Themes section of the Admin Panel

Single Caption for all images within a Gallery

To use a single caption for all images in a Gallery, click on the Theme you would like to use for the Gallery in the Themes panel before selecting Edit. Now select Caption from the left-hand-side menu and make sure the toggle next to Add a Caption is set to blue. Now enter the text you would like to use as a Caption before clicking on Save. Please note that this change will apply to all embedded SmartFrame images and Galleries that use this Theme.

Multiple Captions for different images in a Gallery

If you would prefer to have separate Captions for different images within a Gallery, follow the process described above and use the Insert metadata drop-down menu to insert the metadata value you would like to use as the Caption, such as Description or Title. This will automatically add whatever copy has been added to these fields in SmartFrame metadata section of the Image details page for a specific image. You can also replace the “Optional Default Value” copy with text that will be used if there is no copy in the metadata value field you have chosen.

The post Gallery caption appeared first on SmartFrame.

Sharing a Gallery on social media

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

If you embed a Gallery that uses a Theme with the Share button feature enabled, you will be able to share your Gallery on social media sites.

To adjust these Share button settings, head to Themes before selecting Edit in the Theme of your choice. Now simply select the Sharing option from the left-hand-side menu.

Similarly to when you share a SmartFrame on social media, only a small thumbnail and a title and/or description will be visible in your post. The title and description can be added when you create your Gallery in the Social media setting section, while the thumbnail will always be the first image that appears in the Gallery.

The post Sharing a Gallery on social media appeared first on SmartFrame.

Embedding a Gallery

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

You can embed a SmartFrame Gallery in the same way that you embed a SmartFrame image.

Once you have selected the images you would like to include in your Gallery, simply copy the embed code from the Create a Gallery page and paste it into the HTML of your website. Please make sure to apply any changes to the maximum width, Theme, social media settings, and image order before you copy the code for these to take effect.

The post Embedding a Gallery appeared first on SmartFrame.

Editing an existing Gallery

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

You can edit a Gallery at any time by adjusting its embed code.

If your Gallery is already embedded on a website, it won’t be updated automatically. You will need to copy the adjusted embed code and paste it over wherever the original code appears for these changes to take effect.

Changing the order of images within a Gallery

You can determine the order of images in your Gallery upon its creation. To do this, scroll down to Image Order when creating your Gallery and select Custom order, before dragging the images into the desired order.

Once your Gallery has been created, you can change the order of its images by altering the section of the embed code that contains these. These ids appear after image-id=“ in the embed code. Simply copy and paste the ids into the desired order, making sure these remain separated by a comma (without spaces) and finish with an ”.

Adding and removing images from a Gallery

You can add images to a Gallery by copying the image id and pasting into the Gallery embed code. Simply find the image id in the Admin Panel and paste it after image-id=“ in the code, wherever you want the image to appear, making sure these ids remain separated by a comma (without spaces) and finish with an ”.

Please bear in mind that a single Gallery cannot contain more than 50 images. To remove an image from a Gallery, simply delete its id from the embed code.

Editing the Gallery caption

The Caption of your Gallery is determined by the Theme you select when you come to embed it.

This means that each Gallery can have either individual Captions for each image within it or a single Caption for the Gallery as a whole.

Click here to learn about adding and editing Captions

The post Editing an existing Gallery appeared first on SmartFrame.

Creating a new Gallery

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

There are two ways to create a SmartFrame Gallery. The first way is to use images that you have already uploaded to SmartFrame. The other way is to upload images straight into a new Gallery from your computer or mobile device.

Creating a Gallery from images already uploaded to SmartFrame

Log in to the Admin Panel and click on Images.
Check each image you wish to add to the Gallery by clicking on the box that appears in the top-left-hand corner when you hover over it. If you are viewing images in the List View option, this box will already be showing to the left of the image.
Select Create a Gallery. You can now adjust the width, Theme, social media settings, and image order.
Once you are happy with the Gallery, click on Copy The Code, which you can now paste into the HTML editor of your website’s CMS system.

Uploading new images to create a Gallery

Log in to the Admin Panel and click on Images.
Upload the image you would like to add to a new Gallery.
Once your images have been uploaded, check each image you wish to add to the Gallery by clicking on the box that appears in the top-left-hand corner when you hover over it. If you are viewing images in the List View option, this box will already be showing to the left of the image.
Select Create a Gallery. You can now adjust the width, Theme, social media settings, and image order.
Once you are happy with the Gallery, click on Copy The Code, which you can now paste into the HTML editor of your website’s CMS system.

The post Creating a new Gallery appeared first on SmartFrame.

About SmartFrame Galleries

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

You can create an interactive image gallery that can be embedded on your website as easily as a regular SmartFrame image.

Just head to Images in the Admin Panel, select the images you would like to add to your Gallery by checking the box next to each one, and click on Create a Gallery, before following the on-screen instructions.

How many images can I add to a SmartFrame Gallery?

A single SmartFrame Gallery can contain up to 50 images.

How do I determine the aspect ratio for my Gallery?

The Gallery aspect ratio is automatically determined by the images within it. It is not possible to set a custom aspect ratio.

Can I use my existing Themes for a Gallery?

Yes – any Themes that you have created can be used for a Gallery.

The post About SmartFrame Galleries appeared first on SmartFrame.

How to generate a new embed code for your Gallery

albano.toska — Mon, 26 Feb 2024 14:13:47 +0000

If you have any SmartFrame Galleries that are currently embedded online, you will need to update the embed code so that they can continue to function.

How to update your embed code

Log in to the Admin Panel and click on Galleries
Find the Gallery for which you require an updated embed code and click on Edit
Select Generate New Embed Code, which will copy this code to your clipboard
Paste the code over the existing code in the HTML editor of your website’s CMS

The post How to generate a new embed code for your Gallery appeared first on SmartFrame.