/Site Specific Help/Layout Builder;/Site Specific Help/Advanced Gallery Module How To's/Advanced Gallery Basics

/Site Specific Help/Layout Builder;/Site Specific Help/Advanced Gallery Module How To's/Advanced Gallery Basics

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.

This is a default layout style.  Below you will see what each of these items are and how to edit them. 

You can re-arrange how the layout looks by dragging and dropping each field into a different area.  

You can remove fields from this page and add more fields to this.  

The information that will display on the site is information that comes from the actual item in the module.  When you edit an image in the module it has all of these fields and each field has information pertaining to each item.  So in general the layout on this page will look "generic" as these are fields that represent data coming from the module.

 

NOTE: some of the fields that aren't here by default are:

Text Block - This can be used to display the same text on every item.

Image- Basic Fields > Image will only show images from that specific field. 

"Image" (as displayed above in the main list) can do the same but can also be used to show option images, images selected in a list and images from multiple image fields

Image List - This can be used if you have multiple images for an item and wish to display them all.  You can show a larger version of the image in a regular "Image" field.

Control Line
Social media buttons - These are the Facebook, Google +, and Pinterest buttons.

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".