Search:
Products on display are replaced on regualar basis, since we receive several shipments per month. This page shows a sample of the prodcuts we have regularly available.Please register as distributor in order to receive news and updated price lists.
enter text to welcome users and describe your business to your customers

Our contact information

By email:
Business email address (admin@yourdomain.com is the default)

By standard mail:
Your business name
Street number and name
City, State, Zip code

By phone:
555 555-1212 (between H a.m. and H p.m. time zone)

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.



Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.
----------------

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.

Yahoo! Store Help
Yahoo! Small Business > Yahoo! Small Business Help > Yahoo! Store Help > Store Editing > Advanced Editing
Print this page
Related Links

* Upload Database Files
* What is RTML?
* Uploading Multiple Images at One Time
* Supported fields for CSV files
* Uploading files to reference in HTML

Additional Resources

* Contact Us
* Glossary
* All Help Topics
* Business Control Panel
* News & Resources

Ask Yahoo! Small Business Help
Enter your search as a question or phrase.
Example: How do I change my password? - Tips
Customizing the Shopping Cart Page in the Store Editor

Note: The following instructions only apply to merchants using the old (version 1) and new (version 2) checkout flows. Merchants using Checkout Manager can customize the shopping cart page through the Checkout Manager interface. Learn more.

Regardless of your choice of building tool (Web Hosting—such as SiteBuilder, Dreamweaver, or another HTML editing tool, or the Store Editor available on the Yahoo! Store side), the shopping cart page is created and customized through the Store Editor. It is possible however to customize the shopping cart page to more closely resemble the look and feel of the rest of your store by adding a header and footer typically found across all pages of your store.

If you are building your store pages using the Store Editor then any variables you have set on the Variables page will carry over to the Shopping Cart page. If you are building using the Web Hosting side of your account, you can edit variables to change such properties as color, text color, font, font size, and more. Learn more about variables.

You may find though that you are unable to match the look and feel of an existing design by merely modifying variables in the Store Editor. You can however insert HTML from your existing design into the shopping cart page by making a few simple modifications to the RTML template (order-page) used to create the shopping cart page.

The following instructions walk you through the process of (1) editing the order-page template, (2) changing the template type on the NORDER page (the shopping cart page) to use the custom template, (3) editing the NORDER page to include the new properties, and (4) entering the HTML to appear in the new properties for header and footer.

Step 1: Editing the template

To get started:

1. Sign in to your account.
2. From the Store Manager, click the Store Editor link.
3. Click the red arrow in the Editor toolbar to switch to Advanced mode.
4. Click the "Templates" button.

If you have not edited any templates, you should see all of the built-in templates, but no links under custom templates (see Figure 1). You now need to copy a template which you will then customize. Note: all built-in templates end in a period. Custom templates cannot end in a period.
Figure 1: The Templates page in the Store Editor before copying a template. No custom templates appear in the Custom templates row.

To copy a template:

1. Click the Order-page template link.
2. Click the "Copy Template" button.
3. Enter "custom-order-page" or a similar name to identify the template into the "New id" field (see Figure 2).
4. Click "Copy".

Figure 2: Naming a copy of a template.

You now have a copy of the order-page template that you will customize to include a header and footer (see Figure 3). View the order-page template before modification (opens a new window).
Figure 3: The Templates page of the Store Editor after copying a template, The name of the template is preceded by the account name. A full set of templates is copied by copying a single template.

To add the custom header

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create" (see Figure 4). The new "text" operator appears at the bottom of the template.

Figure 4: Selecting a complex operator after clicking "New" on the Templates page.

3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @header in the ARG field and click the "Update" button.
6. Click "Body".
7. Click the "Paste Within" button.

The "text@header" operator appears within the Body section after the visited-link but before the Shopping-banner. View the order-page template with new text@header field (opens a new window).

Now you need to create the footer operator.

To add the custom footer:

1. Click "New" in the Template toolbar.
2. Select "Text" from the "Complex" list box and click "Create".
The new "text" operator appears at the bottom of the template.
3. Click "TEXT" on the new operator at the bottom of the template if the text does not appear as black bold (selected) text.
4. Click "Edit".
5. Type @footer in the ARG field and click the "Update" button.
6. Click "Switch" of the "SWITCH @page-format" link.
7. Click the "Paste After" button.

The "text@footer" operator now appears at the bottom of the template. View the order-page template with header and footer operators (opens a new window).

Step 2: Changing the template of the NORDER page

To change the template of the NORDER page:

1. From the Templates page, click the "Contents" button in the Editor toolbar.
2. Click the "norder" link (see Figure 5).
This is the shopping cart page in your store.

Figure 5: Contents page in Store Editor.

3. Click "Edit" in the Editor toolbar.
This takes you to the edit view of the NORDER page.
4. Enter the name of your custom template (custom-order-page or whatever you named the page) in the Template field. Be sure you do not have a period at the end of the name. The name must be exact or you will see a "no such template" error message (see Figure 6).
5. Click "Update".

Figure 6: Store Editor—edit view of NORDER page.

The page will still look the same because even though the template has the additional header and footer fields, you have not added those as properties on the page and pasted your HTML into the fields.

Step 3: Edit the NORDER page to include header and footer properties

To add the header and footer properties to the NORDER page:

1. Click "Edit" in the Editor toolbar of the NORDER page.
2. Click "New Property".
3. Type "header" into the "Name" field.
Note: If you gave the text operator a different name (such as text@top-html) in step 1, then you need to enter that as the name. The names must match in order for information in this property to be used by the new template (see Figure 7).

Figure 7: Create New Property page in Store Editor.

4. Select "big-text" as the property from the "Type" drop-down menu.
5. Click "Continue".
The new "header" field appears under "Custom Properties".
6. Repeat steps 1-5 to create the "Footer" property, naming the field "footer" (see Figure 8).
7. Click "Update" when finished.

Figure 8: Store Editor�edit view of NORDER page with custom properties.

Notes:

* You may wish to add text to the Header and Footer fields to see where they appear until you add your completed HTML for these fields.
* Many merchants wish to remove the navigation buttons from the shopping cart. You can do so by overriding the nav-buttons variable on the NORDER page. Learn more.

Step 4: Enter the HTML for the Header and Footer

Now that you have added the custom properties to the NORDER page, you can then add the HTML for these fields to the custom properties.

To add the HTML for the custom properties:

1. Enter your HTML to appear at the top of the order page into the Header custom property.
2. Enter your HTML to appear at the bottom of the order page into the Footer custom property.
3. Click "Update".
4. Click "Publish" when you are ready to make these changes to your site.

Troubleshooting
Keep the following points in mind when customizing the NORDER page:

* Make sure the path to images is correct. If you are building your pages on the Web Hosting side of your account, include the full path to your images (for example http://www.your-store.com/images/order-page-image.jpg).
* The NORDER page, which renders the shopping cart when buyers view the shopping cart, is dynamically generated. Remove all double and single quotation marks from the HTML you enter into the header and footer fields. If you see text which appears other than as intended, review your header and footer HTML for single or double quotations and remove any.
* If you publish your customized shopping cart page and you see problems, you can always change the template for the NORDER page from "custom-order-page" back to "order-page." While you troubleshoot the problem.
88888888888888888

martinbigio@yahoo.com

Shipping Information:

Enter information about how long it takes for orders to be filled from your store. Use a conservative estimate so you set buyer expectations accordingly.

Refund, Returns and Cancellation Policies:

Enter details of your refund, return, or cancellation policies (if any). Provide instructions for when and how buyers can get a refund, return merchandise, or cancel an order. Review the refund policy of other stores to get an idea of the different approaches and then create the policy that works best for your store.

Frequently Asked Questions:

Answer any questions that buyers are likely to have such as how they can check an order’s status, how can they contact you if they have immediate questions, or what shipping options your store offers.

Yahoo 128 bits encriptationSecure Shopping