Help - Search - Members - Calendar
Full Version: Editing Default Coding
MonsterSmallBusiness Forums > MonsterCommerce > How do I?
ktak1
I am creating a site based upon a template design (theme 7), but I don't know how to edit the default coding generated by the theme template.

For example, how do I go about editing the left nav bar so that there is more spacing between the default categories that appear? And do I need to directly add style tags to edit the look of the category links on the left nav bar?

How about the default home page? I see that the messages and notes can be edited, but how do I edit the main area that shows a sample product, description and price? I would like to remove that and replace with graphics and links to the product page.

Please inform.
sabres00
Hello Ktak1-

Welcome to our forums! Everything that you want done can be done. Here is what I suggest you do:

You can manipulate all the themes... however the themes put in two types of site layout styles.. either actual HTML or what's considered "default", such as the basic category links. You can tell which is used by going into that area of your site (Site HTML > Top of Page editor, Left side navigation bar editor, etc...). If it says "use custom" then HTML is used... otherwise if it says "use default" then the MonsterCommerce default settings are used.

So, if you find the area you are trying to edit is "use default", then here's a quick workaround if you want to change it up a bit. Go to the front end of your site and view the source. It's clean HTML, so you should quickly find the code where the area you want to edit is located. Then copy that code, and paste it into the HTML editable area where you first discovered you were using the default. From here, you can manipulate it as you wish.

You can add style tags to a custom style sheet as well. If you go into your file manager, you should see a custom.css file. You can add styles to this, and then use it in any HTML area you are adding code to.

For your front page, you have one of two options. If you want to keep the main index.asp page, you can, as you say, edit the news and message areas. The area you have the sample product is your home page specials area (Which is found in each product editor as a checkbox). If you do not want that there, do not check any products for home page special, and now the middle section of the front page is all available to edit.

The other option is not using the front page at all, and creating your own index.html page to throw in front of your store. Then, since it's static HTML, you will have full control of every aspect of the page.

Hope this helps! biggrin.gif

Todd Patterson
Andrew,

Do I understand this correctly, I can create a completely seperate HTML page (say with FrontPage) and use that for my front page??? If so, where do we place the html file, in the root directory?

Thanks!
sabres00
Todd-

Yes, that is correct. Upload to the root, and name it index.html. You can make that front page look as you want. Be careful with MS FrontPage... we do not allow MS FrontPage Extensions on the server, so it would have to be pure HTML without anything that they tend to add to the code.

My personal suggestion is to use Macromedia Dreamweaver if you have it. If not, then just test the code you upload and make sure it's doing what you want once uploaded to ensure it's behavior is the same.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.