VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-ASP Shopping Cart Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 Customization
 not able to change width of random product
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

elvis
VP-ASP Super User

202 Posts

Posted - August 03 2008 :  16:50:52  Show Profile  Reply with Quote
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  Show Profile  Reply with Quote
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
Go to Top of Page

elvis
VP-ASP Super User

202 Posts

Posted - August 04 2008 :  09:36:47  Show Profile  Reply with Quote
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.
Go to Top of Page

Thanks
Starting Member

40 Posts

Posted - August 04 2008 :  17:23:03  Show Profile  Reply with Quote
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
Go to Top of Page

devshb
Senior Member

United Kingdom
1898 Posts

Posted - August 05 2008 :  04:57:56  Show Profile  Visit devshb's Homepage  Reply with Quote
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
Go to Top of Page

madbug
VP-ASP New User

130 Posts

Posted - August 22 2008 :  01:29:04  Show Profile  Reply with Quote
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)
Go to Top of Page

elvis
VP-ASP Super User

202 Posts

Posted - August 22 2008 :  02:01:41  Show Profile  Reply with Quote
Thank everyone for your support.
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000