Domain Reseller, Domain Reseller Program, Domain Name Resellers

 Become a Domain Reseller
 

Support Knowledge Base >> Reseller Guides >> SuperSite and PartnerSite Guide >> Customizing your SuperSite and PartnerSite Content >> How do I customize the Content, Theme (CSS, Images, Javascript), HTML Structure of the SuperSite and PartnerSite?

Search |

How do I edit the existing Textual Content and Paragraphs as well as Modify the HTML Structure of a page?

Once you have understood the manner in which a SuperSite/PartnerSite page is structured, you may proceed to customize - the textual content as well as the html structure of any page to suit your business requirements. Click here to read information about the structure of a SuperSite/PartnerSite page >>

Follow the steps below to edit the text or the html structure of any page in the SuperSite or Partnersite. It is to be noted that while the instructions below reference the SuperSite, the concepts remain identical for the PartnerSite too.
 

STEP 1: Find the Template file which needs to be edited

1. Browse to the page you want to edit on your SuperSite.

2. Click on "View Source" in your browser.

3. Inside the source you will see various tags of this type -

<!-- ### Supersite Template root.html starts here ### -->
<!-- Domain Blurb (Path: common/include_index/domainblurb.html) -->

4. Each of these tags mark the starting and ending of a particular template file.

For example, you may see the following tags on a Page

<!-- ### Supersite Template common/footer/footer.html starts here ### -->
 .... some html content here ....
<!-- ### Supersite Template common/footer/footer.html ends here ### -->

This means that all the content between these two tags is contained within the file "footer.html" which can be found at /common/footer/.

5. Using these tags you can figure out which template the content you wish to edit appears in, and the path to that template.
 

STEP 2: Determine whether you wish to edit the Text or the Structure

The SuperSite offers you two separate modes to make modifications to any HTML Template - Basic Text editing mode and Advanced HTML editing mode.

IMPORTANT
  1. The Basic Text editing mode allows quick editing/translation of the Textual Content of your SuperSite, and comes strongly recommended by us.
     
  2. The Advanced HTML editing mode is far more complex and is recommended for ADVANCED USERS only. This tool allows both text editing/translation as well as HTML Structure editing.
     
  3. Note:

    i. If you switch to the Basic Text editing mode after having saved changes in the Advanced HTML editing mode, then you would lose all changes made in the Advanced HTML editing mode. If you then start saving changes in the Basic Text editing mode and then again switch to the Advanced HTML editing mode, you would even lose the changes made in the Basic Text editing mode.

    ii. If you have saved changes using the Basic Text editing mode and then switch to the Advanced HTML editing mode and save changes here too, then if you continue using the Advanced HTML editing mode, you would not lose the changes made in either of the modes.

    For example,

    a. If you saved changes to the footer.html using the Basic Text editing mode and then switch to the Advanced HTML editing mode and again save some changes in this mode (Advanced HTML editing mode) too. Now if you were to switch to the Basic Text editing mode, then you would lose all changes saved in the Advanced HTML editing mode.

    b. In continuation to the above example - if you had not switched back to the Basic Text editing mode and continued using the Advanced HTML editing mode, then you would not have lost modifications made through either of the modes.
     
  4. By default, a HTML file opens in the Basic Text editing mode if the file contains any text that can be translated; otherwise it would open in the Advanced HTML editing mode.
     
  5. If you save changes in a particular editing mode, then it becomes the default editing mode for that particular file, and the interface would automatically open in this edit mode thereon (for that particular file only).
     
  6. Irrespective of your Default language, the left hand side box (Original Content box) would always display text in English within any edit mode.
     
  7. While switching from the Basic Text editing mode to the Advanced HTML editing mode, the system confirms your action. Here you may select the checkbox Don't show me this warning for the next 30 days. If you select this checkbox and continue , then you will not be displayed this warning message until 30 days.
     
  8. Note: You may be prompted to edit/retranslate your SuperSite content, if

    a. you edited the English content provided in your SuperSite and then translated your SuperSite to another language, prior to May 1, 2007 6:00 AM GMT. Now if u want to edit this translated content, you would be prompted to re-translate your SuperSite content.

    b. you did not edit the English content provided in your SuperSite but translated your SuperSite to another language and selected any other language than English as the Default language, prior to May 1, 2007 6:00 AM GMT. Now if you want to edit the translated content, you would be prompted to re-translate your SuperSite content.

    c. the content of any HTML file is edited by us (ResellerClub).

    In the event that you are needed to edit/retranslate any HTML file due to any of the above reasons, the files that need to be reviewed -

    a. would be displayed on the right hand side of your SuperSite Admin page (immediately upon login) under the heading Recently Modified by us,

    b. would appear with the File Status as Modified by you This File needs your Attention while listing files.

    Upon opening this file (that needs to be edited/retranslated), you would notice two blocks of text on the top of the page with the background color as red. The left hand side box (in red background color) would display the Content in your Default Language, while the right hand side box (in red background color) would display your previously translated text.

    If you don't perceive any editing/retranslation requirement -> just copy-paste the text from the right hand side box (in red background color) to the right hand side box(es) underneath

    OR

    If you perceive any editing/translation required to the text in the right hand side box (in red background color) -> make the modifications/translation in the right hand side box(es) underneath

    AND

    then only click on the Save Changes button.

    It is important to note here, that if you do not intend to edit/retranslate ALL the text in the right hand side box, do NOT save your changes, or else some text would get saved in English itself.


2.1 Basic Text Editing Mode

If all you wish to do is to edit the text content within an HTML page then you MUST use this tool. If you like the layout of the page as it is, but wish to change the text then follow the steps below -

  1. Login to the SuperSite/PartnerSite Admin Area. Click here to know how >>
     
  2. In the Admin area, click on Add/Modify Content and Themes link to open this section. Here, click on Browse next to the Website Content folder.
     
  3. Click on Browse link next to the language for which you wish to make the modifications.
     
    IMPORTANT

    If you wish to translate your SuperSite/PartnerSite content to any other language than English, you need to

    a. first add a new Theme to your SuperSite/PartnerSite, which you would associate to this new language.     Click here to know how to add a Theme >>

    b. then add that language to your SuperSite/PartnerSite.     Click here to learn how to configure multiple language support for your SuperSite/PartnerSite >>

     

     

  4. Browse through the directory listing to the template you wish to edit the text within.
     
  5. Some templates may in turn further contain other templates. You will be able to see this within the template itself. You may therefore have to edit within multiple templates.
     
  6. Click on the Edit link next to the template to edit/translate the text within the template.
     
  7. Here you will see the Default Text as inherited in English on the left-hand side of the page and Your Modified Text in <your current selected language> on the right-hand side of the page in a textbox. You can edit the content available in one or more textboxes (on the right-hand side) and click on the Save Changes button beneath after completing the editing.
IMPORTANT
  1. The Basic Text Editing tool section solves two purposes - it allows you to translate your SuperSite/PartnerSite content as well as edit existing content in each language.
    • If you have not chosen to translate your SuperSite/PartnerSite into any other language (than English), then the same Basic Text Editing tool, allows you to simply add/edit existing contextual text.
       
    • If you have already translated your SuperSite/PartnerSite content into another language (than English), then also this very same Basic Text Editing tool, lets you add/edit the translated contextual text.
       
  2. You can NOT remove any HTML tags ("<" ">") and all data within these tags. For example, if there is a HTML tag - <a href="content.php?action=show_agreements&requestfor=resellermasteragreement&from=agree_page"> mentioned within a textbox, then you can not choose to remove this tag.

    You can however, choose to change the placing of these HTML tags within the textbox and can add any text surrounding these.
     
  3. If you are not satisfied with the editing and wish to revert to the text displayed earlier, simply follow steps 3 to 6 above. There you will have to copy the text from the left hand side to the textbox and click on Save Changes.
     
  4. Once you edit the Textual Content of a file using the above tool, the File Status of such a file will change from Default to Modified by you. If a file that has been modified by you is also updated by ResellerClub, then the File Status would change to Modified by you  This File needs your Attention.

    Once you have edited a file, we would not be able to automatically update the content of the same when new content is added by us; therefore, you would have to synchronize the content yourself.     Click here to synchronize the Textual Content edited by you with any new content added by ResellerClub >>
     
    5.


2.2 Advanced HTML Editing Mode

If you wish to change the layout or positioning of any of the various elements in a page, or you wish to add your own elements in a page you can achieve the same only through the Advanced HTML editing mode.

There is a stark difference between the "HTML Structure" and the "Textual Content", used in the SuperSite/PartnerSite Admin section.

HTML Template Structure - implies the way text and images are displayed within individual HTML pages. For example, the layout, the position, etc. of the elements.

Textual Content - is all the text that appears in paragraphs, lists, tables, forms, etc..

If you wish to only edit the text within the template, then please refer to the Basic Text editing mode explained above. If however, you wish to make changes to the HTML structure (code) and Textual content within the template, you need to use the Advanced HTML editing mode only.

IMPORTANT

As detailed above, you have to be very careful between switching between the Basic Text editing mode and the Advanced HTML editing mode. If you switch to the Basic Text editing mode, your changes made through the Advanced HTML editing mode are lost.

It is recommended that you review all of the important points mentioned above before continuing further >>
 


 You can use the Advanced HTML editing mode as follows:

  1. Login to the SuperSite/PartnerSite Admin Area. Click here to know how >>
     
  2. In the Admin area, click on Add/Modify Content and Themes link to open this section. Here, click on Browse next to the Website Content folder.
     
  3. Click on Browse link next to the language for which you wish to make the modifications.
     
  4. Browse through the directory listing to the template you wish to edit the text within.
     
  5. Some templates may in turn further contain other templates. You will be able to see this within the template itself. You may therefore have to edit within multiple templates.
     
  6. Click on the Edit link next to the template.
     
  7. Click on the Switch to Advanced HTML editing mode link next to Basic Text Editing and then click on Yes to continue.
     
  8. Here you will see the Original Content on the left-hand side of the page and My Modified Content on the right-hand side of the page in a textbox. You can edit the content available in one or more textboxes (on the right-hand side) and click on the Save Changes button beneath after completing the editing.
     
    9.
IMPORTANT
  1. All style related attributes with regards to the display of any of the layout and positioning of elements is controlled through CSS files. Upon viewing the source of the HTML file, at the very top of the page you will notice several .css files being imported. Click here to find instructions on how to edit the CSS files in your SuperSite/PartnerSite >>
     
  2. Modifying the Header and Footer: You can follow the process outlined above to edit the header and footer HTML for your SuperSite/PartnerSite; the templates for these can be located with in the Header and Footer folders respectively within the Common folder. You can also replace the default header logo with the logo of your company. Click here to read how >>
     
  3. If you are not satisfied with the editing and wish to revert to the earlier setting, simply click on Reset to Default from the Edit page, to restore the default settings for that file.
     
  4. Once you edit an HTML page using the above tool, the the File Status of such a file will change from Default to Modified by you. If a file that has been modified by you is also updated by ResellerClub, then the File Status would change to Modified by you  This File needs your Attention.
     
  5. Once you have edited a file, we would not be able to automatically update the structure of the same when new content is added by us; you would have to synchronize the HTML Structure yourself. Click here to synchronize the HTML structure edited by you with any new content added by ResellerClub >>
     
    6.
 

Created on:   Aug 15, 2006 2:02 PM  GMT
Last Updated on:   May 26, 2008 7:58 AM  GMT
 
Answer How do I Add/Edit a SuperSite/PartnerSite Theme or How do I edit the CSS, Images, Javascript of my SuperSite/PartnerSite? 
Answer How do I configure Multiple Language support for the SuperSite/PartnerSite? 
Answer How do I edit the existing Textual Content and Paragraphs as well as Modify the HTML Structure of a page? 
Answer How do I edit existing Images of the SuperSite and PartnerSite? 
Answer How do I change CSS files in Supersite and PartnerSite? 
Answer How do I make changes to the JavaScript menu in the SuperSite and PartnerSite? 
Answer How can I Add/Edit my own HTML pages in the Supersite and PartnerSite? 
Answer How can I Add/Edit my own Images in the Supersite and PartnerSite? 
Answer How do I modify the links on the Static Bar on my SuperSite? 
Answer How can I remove the Resellers tab from my SuperSite? 
Answer How do I customize the Legal Agreements in SuperSite and PartnerSite? 
Answer How do I customize the Page Titles of the SuperSite and PartnerSite? 
Answer How do I add Meta Tags to my SuperSite and PartnerSite for better Search Engine Optimization? 
Answer How do I customize the Error Messages in the SuperSite and PartnerSite? 
Answer How can I modify the Contact Us page on my SuperSite? 
Answer How can I change the Other Payment Options on the final check out page of the SuperSite? 
Answer Keeping my Customized SuperSite/PartnerSite content in sync with any new content added by ResellerClub