Friday, March 16, 2007

How do I add a link to a custom page in my product description

Ok, let's say you are in a situation where you want to show more detail about your products, but don't want to clutter up your page too much. For example, if your product has a warranty, you many not want to put the entire text of the warranty on your product page. Our suggestion is to make a custom page. It's a little tricky, but you'll get the hang of it pretty quick.

This set of instructions will guide you through adding a custom page, getting the link to the custom page, then updating your product description.

IMPORTANT:
The standard WYWIWYG looks like this:















We can change your editor to look like this:
















The current settings for the FreeTextBox editor do not allow you to create links. If you want to change it, please do the following:

  1. Open the file BVModules\Editors\Free Text Box\editor.ascx
  2. Remove the line that states ToolBarLayout
  3. Click Save
  4. Contact us at 866.630.9876 if this sounds like Greek to you.

Adding a custom page

Login to the admin

  1. Click on the Content tab
  2. Click on the Custom pages sub navigation
  3. This new screen will show you all of your custom pages. We are going to add a page, so click on the new button over on the right.
  4. Type in a page name. This could be Warranty Information
  5. Type in a name for the Name in Menu. We will use this temporarily.
  6. Check the box "Show in bottom menu"
  7. Type in all of your text.
  8. Click Save changes.
Getting the link to your new page
  1. Go to your website.
  2. Look in the bottom menu. You will now see your new page. Click on your new page.
  3. Look in your browser address window and copy the url to your new page. Ex: http://www.bluecreekweb.com/ecommerce/bvcommerce/
  4. Now you have your link.
Placing the link into your custom description

  1. Log in to the admin
  2. Click on the Catalog tab
  3. Find your product and click on the Edit button to take you to your product details.
  4. Now, paste your link into your product description. If you are using the FreeTextEditor, this will automatically change into a link.

Make a user friendly link (optional)


  1. As of right now, the link will show to your clients. If you want to make it more user friendly, follow these steps.
  2. While still on the product detail page, look to the bottom of your description. You will see two tabs, one for Design, the other for HTML.
  3. Click on the HTML tab.
  4. Find your link in the code. This is the link you just pasted in.
  5. The code will follow the format of destinationlink
  6. You will see two references to your link. The first one defines where the link will go. It will be in a tab like this . Leave this one alone.
  7. Find the next one. It will come right after the first and will show up before the tag.
  8. Type over your link to make the friendly text appear.
  9. Click on the Update button.

Clean Up (optional)


  1. Follow this set of instructions if you want to remove the link in the footer.
  2. Login to the admin
  3. Click on the Content tab
  4. Click on the Custom pages sub navigation
  5. This new screen will show you all of your custom pages.
  6. Find your new custom page and click on the edit button.
  7. Uncheck the box "Show in bottom menu"
  8. Click Save changes.

No comments: