Support Manual / Site Specific Help / Layout Builder

One way to modify how your Ecommerce pages are displayed by modifying the Layout of the Products List frame.  This Answer will show you how to do that.

(other ways consist of formatting your text-more info here)

This is a default layout for a Product Item 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".

If you wish to enable the "Wish list or "Gift List" option.  Then right click on the "Control line" and click "edit"

see screenshot:

And turn on the options for "Wish List" and "Gift List"

NOTE: you will need to enable these options in your Ecommerce module, in the "General Settings" area. See more info here.

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

(videos on the layout builder & formatting your Blog :more info here)

 The Blog Module has a unique setup with the layout builder.  This area will describe each layout that you see in the Blog Layout Builder:

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

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

One way to modify how your ADs are displayed is to modify the Layout of the Ad List frame.  This Answer will show you how to do that.

(other ways consist of formatting your text-more info here)

This is a default layout for an AD Item 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.