 RE: Agora Layout
hell-o
take a look at your
store/html/html-templates/store_header.inc and the store_footer.inc files.
download via ftp in ascii. upload the same. view in a plain text editor ot a simple html editor.
also, download the store/html/index.html file. up and download the same as header and footer.
look at the tokens in the index.html. this is where and how the header and footer are inserted at run time.
now, copy and paste the header.inc contents over the %%storeheader%% token overwriting the token itself. at the bottom of the store header contents you just pasted place this comment
<!--END STORE HEADER-->
do the same with the footer overwriting the footer token. place a comment at the top of the footer info
<!--BEGIN STORE FOOTER-->
and at the bottom
<!--END STORE FOOTER-->
you can remove the agora script to help make things less confusing. view the file locally or upload to the store/html sub directory after renaming to test.html. the file will automatically be listed in the company info links with the default store header. view the file and see that the html file returned through your browser will be complete. view the source from the browser as a reference.
you will see that the dynamic dB generated pages (with some exceptions) will be generally in 3 parts. store header, content area and store footer. you will also see when looking at the default index.html that the content area can be very simple with very little html tags to maintain structure. this content area for the most part should be selfcontaining. meaning any table tags must be opened and closed after the header and before the footer. this is how the productPage.inc is able to fit properly.
any table tags not closed in the store_header.inc must be closed in the proper place and order in the store_footer.inc file. for control and ease of edits don't use colspan or rowspan attributes. rather, use nested tables. if they must span the header and footer all the better. this can get kinda complicated but do it all on a single complete html file then "cut out" the header and footer in the appropriate places.
notice too that the last <td> tag in the store_header.inc file sets up the appropriate attributes for the content area. in some cases you may want to nest the content area even further by adding one more table-tr-td set of tags then closing them first thing at the top of the store_footer.inc file. this will confine the content area more and allow for tighter constraints.
there are other tutorials the will cover minor aspects better but this is one way of going about it in a general sense. read the other tuts and things will become more clearer looking at things from another perspective.
regards,
dan
|