The Official Website of AgoraCart and Agora.cgi
AgoraCart.com Demos Download AgoraCart User Manuals & Wiki Gold Members Forum Go Gold Now! Gold Version Memberships

AgoraCart.com

About
Features
Download
Payment Gateways
Send a Donation
Founders Club
BLOG: News & Updates

Showcases & Demos

AgoraCart Demos
Shop Live Stores

Downloads & Add-ons

Gold Version Downloads
DBwizz Database Mgr.
AgoraCart.com Store

Help & Support

User Manuals
Gold Version Users Forum
Gold Version Chat
Tech Support
Certified Agora Pros
Certified Designers
Hire a Freelancer

Gold Version Members

Member Benefits
Join Today!
Gold Members Home
Gold Version Users Forum
Gold Version Chat Rooms
Gold Version Downloads

For Store Owners

Merchant Accounts
Cool Resources
Advertise Here
"Powered by" Logos
Web Hosting Search

Misc.

Contact Us
MEET's Talking Guide
The Ancient Greek Agora






AgoraCart Free User Forums

This is the official FAQ and Cool Tips guide For the AgoraCart shopping Cart software


Official Sponsors of the AgoraCart Project:

       


RegisterSearchFAQLog in
Reply to topic Page 1 of 1
Product Page Link to Bigger Image
Author Message
Reply with quote
Post Product Page Link to Bigger Image 
So I want to show a larger image in a new window when the visitor clicks on the store item on the product page. Instead of opening a window with the image, I'm getting a window that shows the files in the /Images folder.
The site page is
http://raw-bags.com/shop/agora.cgi
and the code looks like this
<td width="250" align="center" valign="middle"><A HREF="" onClick="window.open('/Images/%%userfieldtwo%%', 'WindowName', 'width=520,height=620,status=1'); return false;">%%image%%</td>
Any ideas appreciated. TIA

View user's profile Send private message Visit poster's website
Reply with quote
Post  
First of all there is a fundamental html problem in your template files.
In the store_header.inc file, you must remove the following:
Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Welcome to Raw Bags Shop</title>
<style type="text/css">
<!--
body {
   background-color: #fefe99;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
-->
</style></head>
<body>

AND
Code:
</body>


In the store_footer.inc file, you need to remove:
Code:
<style type="text/css">
<!--
body {
   background-color: #fefe99;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_displayStatusMsg(msgStr) { //v1.0
  status=msgStr;
  document.MM_returnValue = true;
}
//-->
</script>
<link href="../../../Styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style3 {color: #b5cb8b}
-->
</style>
</head>

<body onload="MM_preloadImages('../../Images/btnCSDown.gif','../../Images/btnWPLDown.gif','../../Images/btnWTBDown.gif','../../Images/btnCUDown.gif','../../../../Images/btnAUDown.gif')">


In the productPage.inc file, you need to remove:
Code:
<style type="text/css">
<!--
body,td,th {
   color: 0033FF;
}
body {
   background-color: #fefe99;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.style2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 11pt;
}
.style6 {font-size: 11pt}
.style7 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #333333;
}
-->
</style></head>

<body>


For proper placement of this info, please review the following threads:
http://www.agoraguide.com/faq/viewtopic.php?t=1156
http://www.agoraguide.com/faq/viewtopic.php?t=358

Now, to your image issue... The larger image URL is being rendered as just:
'/Images/'

So, this is telling me that either there is nothing in the %%userFieldTwo%% field, or user2 field in the product add/edit screen.... OR you are referencing the wrong user field...
Do you have the larger image in the '2nd Image' field in the product add/edit screen???
If you do, then the proper token to use would be: %%userFieldOne%%

HTH!


_________________
God Bless!
Bonnie - AgoraCart Moderator

Get a Gold Membership
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger ICQ Number
Display posts from previous:
Reply to topic Page 1 of 1
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum