Author |
Topic |
|
elvis
VP-CART Super User
202 Posts |
Posted - August 03 2008 : 16:50:52
|
I want to make three column in the main body.
Total 960px, left 210px, main 540px and right 210px.
I changed css and added in the htm as well.
Also I added right column in the shoppage_trailer.htm ( I added shoppage_trailer.htm at the end of this post.)
I changed the width of <td id="main" class="vt" width="540">, <table id="al" width="540">.
I also changed the width of tmp_frontpage.htm which controls randomproducts and <table width="540" align="left" border="0" cellspacing="2" cellpadding="2">.
I opened the file shop$colors.asp and changed the following line:
Const FrontTable="<table border=""0"" align=""center"" cellpadding=""5"" width=""540"" cellspacing=""0"">"
However the random products width is still more than 540px and right column is pushed to right and width is less than 100px.
Could anyone tell me how to and which file I need to change in order to control random product?
Thanks in advance.
shoppage_trailer.htm is like this.
------------------------------------------- <!-- START SHOPPAGE_TRAILER.HTM --> <br /><% '======================================== 'Adds in Ip address warning 'Turn this off in the online config by setting xdisplayIPAddress to No '======================================== if instr(request.servervariables("script_name"), "shopcheckout.asp") > 0 then DisplayIPAddress end if '========================================%> </td>
<td class="vt" id="right" width="210"> <!-- START INFORMATION BOX --> <h2><%=getlang("langcommoninformation")%></h2> <ul> <li><a href="shopcontent.asp?type=shipping"><%=Server.HTMLEncode(getlang("langadminshippingreturns"))%></a></li> <li><a href="shopcontent.asp?type=terms"><%=Server.HTMLEncode(getlang("langcommonterms"))%></a></li> <li><a href="shopcontent.asp?type=privacy"><%=Server.HTMLEncode(getlang("langcommonprivacy"))%></a></li> <li><a href="shopcustcontact.asp"><%=Server.HTMLEncode(getlang("langcontactus"))%></a> </li> </ul> <!-- END INFORMATION BOX --> </td> --------------------------------------------
|
|
Thanks
Starting Member
40 Posts |
Posted - August 04 2008 : 02:58:50
|
This is a complete three colum page, you may have to mess around with the css and various other pages to get the look you want, let me know how you go.. T
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=<%=getlang("langcharset")%>" /> <title><%shopdynamictitle "title"%></title> <meta name="description" content="<%shopdynamictitle "description"%>" /> <meta name="keywords" content="<%shopdynamictitle "keywords"%>" /> <%inserturchinstats%> <script language="javascript" src="vs350.js" type="text/javascript"></script> <script language="JavaScript" type="text/JavaScript"> <!-- Begin function clearfield(){ //if (document.form3.keyword.value == "search this site") if (document.form3.keyword.value == "<%=getlang("langsearchboxdefault")%>") document.form3.keyword.value = ""; } // End --> </script> <link href="stylesheets/shop.css" rel="stylesheet" type="text/css" /> <script src="dropdown.js" type="text/javascript" charset="utf-8"></script> </head>
<body> <table width="760" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <table id="container"> <tr> <td class="vt"> <div id="header"> <table> <tr> <td><img src="images/header/logo.gif" width="275" height="76" id="logo" alt="Logo" title="Logo" /></td> <td class="headerlinks"> <%NavigateShowMiniCartRight "short"%> </td> </tr> </table> <div class="cb"> </div> </div> </td> </tr> </table>
<table id="wrap"> <tr> <td class="vt" colspan="3"> <div id="nav"> <!--START TOP MENU --> <!--#include file="editor/horonavbar.html"--> <!--END TOP MENU --> <div class="cb"> </div> </div> <div id="utilbar"> <table> <tr> <td><a href="shopcustadmin.asp<%addSession%>"><%=getLang("langHeadMyAccount")%></a></td> <td><%welcomenote%></td> <td class="last"> <form method="post" action="shopsearch.asp?search=Yes" id="form3" name="form3"> <input class="searchfield" type="text" name="keyword" size="19" style="width:100" value="<%=getlang("langsearchboxdefault")%>" onclick="clearfield()" /> <input name="b1" type="submit" value="<%=getlang("langcommonsearch")%>" class="submitbtn" /> </form> </td> </tr> </table> </div> </td> </tr> <tr><td class="vt" id="left"><!-- START CATEGORY BOX --> <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td>200px wide</td> </tr> </table> <h2><%=getlang("langcommoncategories")%></h2> <%NavigateShowCategoriesStyled%> <!-- END CATEGORY BOX --> <!-- START CURRENCY BOX --> <h2><%=getlang("langcurrency")%></h2> <div class="box ac"> <p><a href="shopcurrency.asp"><%=getlang("langchangecurrency")%></a></p> <p><a href="shopcurrency.asp"> <%showCurrencyFlag%> </a></p> <%Navigateshowcurrencies%> </div> <!-- END CURRENCY BOX --> <!-- START LANGUAGE BOX --> <h2><%=getlang("langlanguage")%></h2> <div class="box ac"> <p><%=getlang("langlanguageinstruction")%></p> <%Navigateshowlanguages%> </div> <!-- END LANGUAGE BOX --> <!-- START TOPSELLERS BOX --> <h2><%=getlang("langtopsellers")%></h2> <div class="box ac"> <%NavigateTopTen%> </div> <!-- END TOPSELLERS BOX --> <!-- START FEATURED PRODUCTS BOX --> <h2><%=getlang("langfeaturedproducts")%></h2> <div class="box"><%NavigateFEATUREDPRODUCTS%></div> <!-- END FEATURED PRODUCTS BOX --> <!-- START INFORMATION BOX --> <h2><%=getlang("langcommoninformation")%></h2> <ul> <li><a href="shopcontent.asp?type=shipping"><%=Server.HTMLEncode(getlang("langadminshippingreturns"))%></a></li> <li><a href="shopcontent.asp?type=terms"><%=Server.HTMLEncode(getlang("langcommonterms"))%></a></li> <li><a href="shopcontent.asp?type=privacy"><%=Server.HTMLEncode(getlang("langcommonprivacy"))%></a></li> <li><a href="shopcustcontact.asp"><%=Server.HTMLEncode(getlang("langcontactus"))%></a> </li> </ul> <!-- END INFORMATION BOX --> </td> <td width="57%" valign="top" id="main"> <!-- END OF SHOPPAGE_HEADER.HTM --> <!-- START SHOPPAGE_TRAILER.HTM --> <% '======================================== 'Adds in Ip address warning 'Turn this off in the online config by setting xdisplayIPAddress to No '======================================== if instr(request.servervariables("script_name"), "shopcheckout.asp") > 0 then DisplayIPAddress end if '========================================%> </td> <!-- START CATEGORY BOX --> <td width="26%" class="vt" id="right"> <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td>200px wide</td> </tr> </table> <!-- END CATEGORY BOX --></td> </tr> <tr> <td colspan="3" id="footer"> <!-- START ALPHABET --> <div class="alphabet"><%Navigateshowalphabet%></div> <!-- END ALPHABET --> <!-- START COPYRIGHT --> <%=getlang("langCommonCopyright")%> <strong>|</strong> <a href="http://www.vpasp.com">Powered By VP-ASP Shopping Cart</a> <!-- END COPYRIGHT --> </td> </tr> </table> </body> </html> |
Edited by - Thanks on August 04 2008 02:59:47 |
|
|
elvis
VP-CART Super User
202 Posts |
Posted - August 04 2008 : 09:36:47
|
I have tried it but it does not work. the result is the same as mine.
Have you made a three column with this code?
Thanks for your help. |
|
|
Thanks
Starting Member
40 Posts |
Posted - August 04 2008 : 17:23:03
|
Yes for me this is a three colum page.
You'll notice the extra classes for items in the right, I basically took all items called left in the shop.css, copied and renamed them right, then gave them attributes to the right rather than the left. Also had to change tmp_default.htm and tmp_frontpage.htm (the two files that show the front and random content. Both these files need tables set to 100% or below and the class tags removing as they will push the width of your overall frontpage. As I said you will have to mess around a bit to get it to work (basically alot of trial and error). One final point, backup or save your files as you go, I had couple of times when I lost control of the page completely and had to back track to find what had gone wrong...
T |
|
|
devshb
Senior Member
United Kingdom
1904 Posts |
Posted - August 05 2008 : 04:57:56
|
If anyone's having problems trying to switch on/off left/right panels etc, you'll probably find our vpasp panel splitter useful: http://www.bigyellowkey.com/mysoftware_product_details.asp?prdid=201&opu=n
With that you can turn the right/left panels off by a simple function argument change. It took us a long time to work out how to get the panel splitter to be able to work with the 6.5 styles/contents, but we managed it in the end. It also means that if you wanted you could call the panel functions with different arguments in different pages if you wanted (eg use no right panel on your home page, but use a right panel on other pages etc).
We tried out the panel splitter to double-check that on 6.5 you can indeed turn the right panel on/off and still get the site working/formatted properly, and it worked fine.
Simon Barnaby Developer [email protected] www.BigYellowZone.com Web Design, Online Marketing and VPASP addons |
|
|
madbug
VP-CART New User
130 Posts |
Posted - August 22 2008 : 01:29:04
|
The width of the column is not control by the table, is control by the CSS. Please look into shop.css #container,#wrap ( this is the over all width, by default is 760px, change to 960px)
#left (this is control the left column width, by default is 25%, change to 210px)
If your right column is same width as left column, you can use the same css in your right column <td class="vt" id="left"> </td>
#main (this is the main content area width, by default is 75%, change to 540px) |
|
|
elvis
VP-CART Super User
202 Posts |
Posted - August 22 2008 : 02:01:41
|
Thank everyone for your support.
|
|
|
|
Topic |
|