Support Manual / Site Specific Help / Advanced Gallery Module How To's

You will need to create a page that displays your images.  This Answer will show you how to add an Image list frame and configure it.

For all of the videos pertaining to the Advanced Gallery, go here

The only required frame you will need on your page to properly display the images from your Advanced Gallery is the "image list" frame. 

Other frames are optional and recommended.(see details here)

1. The Image List Frame

This is the frame that will actually display your images.  Once you add this frame to your page you can configure the frame to show your images. 

we will go over the frame settings now.  For information on changing the layout of your images (not changed in the frame settings) you can view this answer.

See sceenshot:

Module: If you have more then one Advanced Gallery, you would specify in this area which module you are wanting to use on this page.

View Mode: This option when selected will alter the other options on this page.  There are two view modes.  "Tiles" and "Tables". (below are the options shown when "Tiles" is selected)

Here is what a page would look like with a Category Drop down, a search panel and an item list frame set to "Tiles":

Images Listed: This option is where you can choose what images are being displayed.

Advanced Filtering: This Sort Ordering tool allows the website User to change the sort order of products based upon different product fields - such as price, title, sku or other allowed fields.

Order By:  Order by is the default item order.  Advanced filtering CAN override if active

Image Rows per Page: This allows you to specify how many rows you want of images on your page.  In the example above there are 2 rows

Image Columns per Page: This allows you to specify how many columns of images you want on your page.  In the example above there are 3 columns.

Navigation Location: This refers to a navigation button that allows the users to scroll through pages of images.  If you have several pages of images to display.
Show "X Images: Page Y of Z": This will show a counter of your images. (see screenshot below)

page settings of the Image list frame continued:

Show Row Separator: This will add a line between the rows of images

Show Column Separator: This will add a line between the Columns

Show Image Count: This will add a number count next to the image.

see screenshot:

Rotate Images: This option will automatically rotate your images. (you can choose manually, automatically, or No.  Automatically will add the option of an interval )

Change Current Image by Paging/Rotating: If there is an image field set to display "current image" - then that field is used. Otherwise, rotate images will rotate the image(s) in the image cell(s)

Highlight Current Image: This will highlight a selected image

Upon "link to details" click: This option will allow you to choose what page you want the details page to be.  You can make a custome details page if you wish.

Category link page: This will let you choose what page you want to use for your category page.  NOTE: only pages with a "Category List" frame with "Search Affects Categories Listed" enabled, will show up in the drop down.

Message when no items found: This will allow you create a custom message to show users when there are no images to display.

Update Page Title and Meta Information: This option will update the page title and meta data with the information used in the image field.

NOTE: The Mobile version settings are will only show if you have had support enable the mobile site version for your site.  Go here for more info on the mobile site

Show In: This options allows you to specify whether or not this frame is shown in the full site and mobile or one of the two.

One way to modify how your Images are displayed is by modifying the Layout of the Image List frame.  This Answer will show you how to do that.

(for videos on the layout builder for the advanced gallery module:more info here)

This is a default layout for a Image List frame.

To Edit any of the fields displayed on this page, right click on the field and click "Edit".

Image - Starting on the left you have the image field. 

Details - Under that is a "link to details" link.

Code - Going over to the right and top you see the "Code" field. (which is similar to SKU)

Title - This is the title of your Item. (Keep in mind the word "Title" is the "label" and the data that displays for the title is called the "Value")

Description - This field shows the description of your item.

Label -You can choose to not show the "label" (For example if you don't want the word "CODE" to show up, but still want the actual content of the code field there you would choose "none" under the "label" drop down.)

Or you can change what is shown as the label. If you wish the word "code" to display as let's say "company" instead, then you would choose "Custom" in the "Label" drop down.  Then type the word "company". 

Label Format - If you wish to show the label differently you can choose to customize the label format.  (For example if you want the customized label "company" to show up as bold and larger then the other text, you would choose the size and "bold" under "label format".

Value Format - If you wish to display the content of the field in a different format you can do so under "Value Format".  For example.  If you want the description field to show up as Blue text that is bold.  You can do that under "value Format". NOTE this doesn't change the label color.  Only the actual description content.

Show - You can also choose to show the content as a link, and specify the link here.

Max Length - You can choose to show a limited amount of characters.  So if you wish to only have a portion of each AD display you can do so.  And there will be a "read more" link that shows up and will display more content.  Or can be redirected to a page that shows all of the content.  (To re-direct to another page, you can specify that in the "Frame settings" of the item list frame you are working on.)

Visible to - This can be used if you want this ad to be visible to everyone or to "Logged in members".

The Layout Builder is the area where you can make a layout for your Products, Blog posts, Ads, Or your Advanced Gallery.   Here is how it works.

Your modules have "Fields".  In your E-commerce module you have product fields like Description, Price, Title, etc... 

Your Blog Module is the only module where you can't add and remove fields, but all other modules can add and remove fields.  Having a field and displaying it are 2 different things.

Fields are added in the module and data is added to these fields by adding/editing your Products/Items.

A Layout Builder is how the Page/Frame displays your Products/Items.

Each Layout builder works the same.  You add the fields to the layout where you want to display them.  You can move them around by dragging them where you want them to be displayed.  And the content of the fields is edited in the module itself when editing an item.

See these individual Answers for each Module:

• Ad Layout
• Advanced Gallery
• Blog Layout
• E-Commerce

You can allow users to "Google +" a specific item or product by adding the "social button" option in your layout builder.

EVERY page that has an item/product list frame has a layout builder.  First you should determine where you want to display your "Google +" button. (whether its on the Item/Product page or Item/Product details page.

When you are in your layout builder you may want to make some columns for the social buttons to keep them together and neat.

In this example I have added 4 columns. (3 for my buttons and 1 to use up the extra space so the buttons are together)

In the Second column I am going to put the "Google +" button.  to do this you need to go to the column or space you wish to add it and then click the "+" button and select "social button".

see screenshot:

Once you click on the "Social Button" option you will have a screen pop up with options for what type of social button you wish to display.

see screenshot:

In this example I wish to add the "Google +" button. You will see an example of how it will look as you change options in the bottom window.

Click apply.

Then be sure to Save your layout.  and preview.

You can allow users to Pin a specific item or product by adding the "social button" option in your layout builder.

EVERY page that has an item/product list frame has a layout builder.  First you should determine where you want to display your "PIN IT" button. (whether its on the Item/Product page or Item/Product details page.

When you are in your layout builder you may want to make some columns for the social buttons to keep them together and neat.

In this example I have added 4 columns. (3 for my buttons and 1 to use up the extra space so the buttons are together)

In the Second column I am going to put the "PIN IT" button.  to do this you need to go to the column or space you wish to add it and then click the "+" button and select "social button".

see screenshot:

Once you click on the "Social Button" option you will have a screen pop up with options for what type of social button you wish to display.

see screenshot:

In this example I wish to add the "Pin It" button. You will see an example of how it will look as you change options in the bottom window.

Click apply.

Then be sure to Save your layout.  and preview.

You can allow users to like a specific item or product by adding the "social button" option in your layout builder.

EVERY page that has an item/product list frame has a layout builder.  First you should determine where you want to display your like button. (whether its on the Item/Product page or Item/Product details page.

When you are in your layout builder you may want to make some columns for the social buttons to keep them together and neat.

In this example I have added 4 columns. (3 for my buttons and 1 to use up the extra space so the buttons are together)

In the first column I am going to put the Facebook like button.  to do this you need to go to the column or space you wish to add it and then click the "+" button and select "social button".

see screenshot:

Once you click on the "Social Button" option you will have a screen pop up with options for what type of social button you wish to display.

see screenshot:

In this example I wish to add the "like" button, include the "send" button, and have the layout with the button and counter horizontal.  You will see an example of how it will look as you change options in the bottom window.

Click apply.

Then be sure to Save your layout.  and preview.

You can add and remove Modules depending on your website package that you purchased.

To add a module go to YourDomain.com > Module List

See Screenshot:

Once on this scren click on the green "add Module" button.

you will be taken to a screen that looks like this:

On this screen you can choose from the drop down list what Module you wish to add.  This list is limited by the website package you purchased. 

If you wish to purchase a module that isn't showing in your drop down list you can purchase add on Modules for existing clients here.  Or feel free to contact support