Screen: ShopSite > Pages > Edit Page Layout

Edit Page Layout

Use the Edit Page Layout feature to choose how you want an existing page in your store to look, and how the contents of the page should be displayed. You can specify right, left, or center alignment, the number of columns for items on the page, and the colors for text and background.

Consult the list below for explanations of the different fields. If there are any fields that you do not understand, leave the default setting.

Name Toggle
If you have a banner graphic for the page that contains the page's name, you probably want to uncheck the Name Toggle box. You must still give the page a name so that it appears in the database, but your customers will not see the name on the page under the banner graphic.
Graphic Toggle
If you are using a banner graphic on the page, you can use this checkbox to temporarily remove the graphic and not have to find it in the list when you want to put it back.
Link Text Wrap
If this option is set to "on," and you have both a graphic and text for your page link, the text will wrap around under the image. Otherwise, it will appear to the right of the image in a straight column. You only need to set this field if your link contains a lot of text.

Layout Info

These options give you control over formatting the products and page links that appear on your page.

Page Template
There are several page themes and templates to choose from to customize your store's look and feel. If you have applied a theme to your store, selecting a different template here may give unexpected results. See the Page Templates documentation for a description of the different page themes and templates. There are also several product templates that you can use to control the way that individual products are displayed.
Item Alignment
Choose how you would like products and page links aligned in each column. This setting does not affect the Text1, Text2, and Text3 fields. Remember that you can also apply Product Templates to further customize how each product image lines up with the product name, price, and description.
Columns
Laying out your products or links in two or three columns is often a good idea, aesthetically. Depending on how wide the items are, you may even be able to fit more columns, but remember that not everyone can view wide pages without scrolling. Assume that people will be viewing the site on a 14" monitor. This setting does not affect the Text1, Text2, and Text3 fields.
Column Borders
Checking this box will create a border around each product and link on your page.
Page Width
Setting the page width to less than 100% will create margins on the page. If you set the width to 90%, the page will have a 5% margin on each side, and the contents of the page will be displayed in the remaining 90% in the middle. Margins can improve the aesthetic quality and readability of a page.
Page Header
Check this box to place your store's page header at the top of this page (or down the left, depending on the page template you choose). You can edit the page header for your store in the Preferences section of the ShopSite.
Page Footer
Check this box to place your store's page footer at the bottom of this page. You can edit the page footer for your store in the Preferences section of the ShopSite.
Page Colors

Make selections here to set the color of the text on the page, the background color or image for the page, and the color of links before, after, and while they are being selected. See the ShopSite Color Reference Chart for examples of all available colors.

Text Color
This sets the default display of nonlink text to the color you choose. Be sure to choose a dark color (black is usually best) unless your background is dark, so the text on your site is easy to read.
Background Color
The entire background of your page will be displayed in the color you choose here, unless you select a background image, in which case the image will appear instead of the color. Be sure to choose a light color for the background, unless you have selected a very light color for your text.
Link Color
Unvisited links to other pages and sites will appear in the color you select here.
Visited Link Color
After a customer has clicked on a link and visited the page, the color of the link will change to the color you select here, to let customers keep track of where they've been.
Active Link Color
The color selected here will only be visible at the exact moment someone is clicking on the link. Adding a bright color here adds pizzazz.
If you have uploaded an image of a textured background to your media directory, you can use that image as a background for your site. Be careful, though, as the image will tile, meaning that it will appear multiple times as a repeating pattern, so it's a good idea to use images that were designed specifically for backgrounds. There are three methods for selecting an image:
  • If you chose to select images from a drop-down list, the top radio button provides pull-down menus of the image directories and images that are in your media directory. Select the directory that contains the image that you want to use, then select the image. You can preview any image by clicking on the View button.
  •  

  • If you chose to select images in a pop-up window, click the Select button. In the Select Image window, you can select a directory name and then click View to see the files in that directory. Click on an image file name, then click Select Image to use that image on the page.
  •  

  • You can type the URL of an image or the directory path to an image.

Page Arrangement Settings

Use the fields in this section to set the order in which products and page links are displayed on this page.

Note:

Using the Arrange Items feature to sort the products on this page will override any Page Arrangement Settings you make here and set the Order field back to None.

Order
Select either ascending (0-9, a-z) or descending (9-0, z-a) sort order for products and page links, or select None to turn off any special sort order.
Products Sort Field
Select to sort products on this page by name, SKU, price, or description.
Pages Sort Field
Select to sort links to other pages by page name or link name.
Products On Top
Check this box to display products before links on this page.

Pagination

Number of Products per Generated Page
Enter the maximum numbers of products that you want ShopSite to display on a page. If you assign more than this number of products to this page, ShopSite will automatically generate additional pages as needed. Each page will have navigation links to let customers move between the pages. (You can set the maximum number of pages generated on the Publish screen.)

ShopSite Help and Resource Center
Last updated: August 23, 2004
Give Feedback

© 2007, ShopSite, Inc.
ShopSite Shopping Cart Software