Add an Image Gallery or Slideshow to your Store

If you would like to add an Image Gallery or Slideshow to your store, it can be done using a version of Galleria. The files that power this system are directly integrated into Free Webstore.

You can find an example of how the resulting image gallery will look, here;

http://galleria.io/themes/classic/

Please note that integrating an Image Gallery requires some HTML knowledge.

To get started, please visit the Manage > Pages section of your control panel and create a new page for the Image Gallery. Alternatively, you could edit an existing page.

While editing the page, click the "HTML" button at the bottom of the Text Editor to switch to the HTML view. Next, copy the following section of code and paste it into the Text Editor:



The images inserted by default are screenshots of some of the designs available to Free Webstore users. At this stage, feel free to save the page and take a look at it on your store.

Next, you will need to update the images as necessary. To do this, replace the "src" or Source of each image with the direct URL of the image you want to use. The method used to find the URL of an image on your store differs depending on the browser you use:

In Internet Explorer: Right-click on the image and select "Properties". The URL is shown next to the "Address (URL):" heading.

In Google Chrome: Right-click and select "Copy Image URL". The URL will be copied to your clipboard and can then be pasted wherever you want.

In Mozilla FireFox: Right-click and select "Copy Image Location". The URL will be copied to your clipboard and can then be pasted wherever you want.

Once you have the URLs of the images you want to use, return to the Manage > Pages section and edit the page that features the Image Gallery. Take a look at the section that begins with the following code:



You'll see three "img" tags that have a "src" attribute associated with them. Replace the URL between the quotation marks in the "src" attribute with your own image URLs. Remember to keep the quotation marks around the URL, and don't modify any other part of the code. Feel free to enter additional "img" tags if you would like to include more images in your Image Gallery, and update the "src" of each one as necessary. Once you're happy with your Image Gallery, don't forget to save the changes.

If you would like to alter the size of the Image Gallery, please modify the "width" and "height" styles in the following section of code:



For additional help, please see the Galleria Support website.