/Site Specific Help/Layout Builder

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

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 a Product 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 List - This can be used if you have multiple images for an item and wish to display them all in a list.  You can show a larger version of the image in a regular "Image" field.

Video - the items can have their own videos.  This is how you show the video field.

Video List - This can be used if there are multiple videos for an item.
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".

 

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"