ProductCart E-Commerce Solutions Homepage
Forum Home Forum Home > ProductCart > Customizing ProductCart
  New Posts New Posts RSS Feed - Simple Customization Questions...
  FAQ FAQ  Forum Search   Events   Register Register  Login Login

Simple Customization Questions...
 Post Reply Post Reply
Author
Message
  Topic Search Topic Search  Topic Options Topic Options
adamlamas View Drop Down
Newbie
Newbie


Joined: 28-May-2010
Location: Los Angeles CA
Status: Offline
Points: 0 		Post Options Post Options   Thanks (0) Thanks(0)   Quote adamlamas Quote  Post ReplyReply Direct Link To This Post Topic: Simple Customization Questions...
    Posted: 28-May-2010 at 4:02pm
Hello beautiful people!

I got some quick and easy ones for you.

1. How do I customize the look of the words LOGIN and PASSWORD in the login field that I entered into my custom header.asp? I simply want to change the font and font size. I can't seem to isolate it on the pcstore css.

2. Can I have a category display a jpeg instead of the default html text displaying the category name? I am building a site that sells imported tea. Instiead of the category simply saying "TEA" i would like to replace it with an image that has the word tea in it, for aesthetic purposes.
Back to Top
Greg Dinger View Drop Down
Certified ProductCart Developers
Certified ProductCart Developers
Avatar

Joined: 23-September-2006
Location: United States
Status: Offline
Points: 238 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Greg Dinger Quote  Post ReplyReply Direct Link To This Post Posted: 28-May-2010 at 7:03pm
We'd probably need to see your header in order to provide a better answer to #1, but generally speaking the answer is a CSS edit.
 
As for using graphics instead of HTML text for category labels, it's not simple, and there is no means by which you can do this with stock functionality, but it can indeed be done.  We did just that with http://www.systemthree.com/.  Essentially what we did here was to hijack the "category large image", then use absolute positioning to make that image appear where you see it.
Back to Top
adamlamas View Drop Down
Newbie
Newbie


Joined: 28-May-2010
Location: Los Angeles CA
Status: Offline
Points: 0 		Post Options Post Options   Thanks (0) Thanks(0)   Quote adamlamas Quote  Post ReplyReply Direct Link To This Post Posted: 28-May-2010 at 7:23pm
Thank you SO MUCH for the reply! I am mainly a flash designer so html is not a strong suit of mine. The url of the site Im working on is here: http://www.leafoftheeast.com/store/pc/home.asp

Can you view this?

Would you be able to explain step by step how you performed the category head image replacement process?

Once again, thank you so much for taking the time out to reply. You rock!

I will also attach the html of the header in case that helps:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--#include file="include-metatags.asp"-->
<html>
 <head>
  <%if pcv_PageName<>"" then%>
   <title>LEAF of the EAST</title>
  <%end if%>
  <%GenerateMetaTags()%>
  <%Response.Buffer=True%>
  <%
   Set conlayout=Server.CreateObject("ADODB.Connection")
   conlayout.Open scDSN
   Set RSlayout = conlayout.Execute("Select * From layout Where layout.ID=2")
   Set rsIconObj = conlayout.Execute("Select * From icons WHERE id=1")
  %>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <link type="text/css" rel="stylesheet" href="pcStorefront.css" />
  <!--#include file="inc_header.asp" -->
</head>

<body background="images/texture1.jpg" LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0" onLoad="MM_preloadImages('images/nav/tea_OVER.jpg','images/nav/tea_wares_OVER.jpg','images/nav/body_care_OVER1.jpg','images/nav/follow_OVER.jpg','images/nav/about_us_OVER.jpg','images/nav/contact_us_OVER.jpg')">
<table width="762" border="0" align="center" cellpadding="0" cellspacing="0" class="maintable">
  <!--DWLayoutTable-->
  <tr>
    <td height="76" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" id="headtable">
        <!--DWLayoutTable-->
        <tr>
          <td width="762" height="76" valign="top"><table width="762" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="762" height="76" valign="top"><img src="images/page-head-bg-promo-3.jpg" width="920" height="112"></td>
  </tr>
</table>
</td>
        </tr>
    </table>
    </td>
  </tr>
  <tr bgcolor="#E9E9E9">
    <td width="216" rowspan="3" align="left" valign="top" background="images/bg_left_menu.gif"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="images/bg_left_menu.gif" id="leftnavtable">
        <!--DWLayoutTable-->
        <tr>
          <td width="185" height="222" valign="top"><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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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[n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script><table width="160" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="160" height="14" valign="top"><a href="http://www.leafoftheeast.com/store/pc/viewCategories.asp?idCategory=2"><img src="images/nav/tea.jpg" width="216" height="37" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/nav/tea_OVER.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
  </tr>
  <tr>
    <td height="14" valign="top"><a href="http://www.leafoftheeast.com/store/pc/viewCategories.asp?idCategory=3"><img src="images/nav/tea_wares.jpg" width="216" height="37" border="0" id="Image8" onMouseOver="MM_swapImage('Image8','','images/nav/tea_wares_OVER.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
  </tr>
  <tr>
    <td height="24" valign="top"><a href="http://www.leafoftheeast.com/store/pc/viewCategories.asp?idCategory=4"><img src="images/nav/body_care.jpg" width="216" height="37" border="0" id="Image2" onMouseOver="MM_swapImage('Image2','','images/nav/body_care_OVER1.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
  </tr>
  <tr>
    <td height="24" valign="top"><a href="follow_us.htm"><img src="images/nav/follow.jpg" width="216" height="37" border="0" id="Image3" onMouseOver="MM_swapImage('Image3','','images/nav/follow_OVER.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
  </tr>
  <tr>
    <td height="24" valign="top"><a href="about_us.htm"><img src="images/nav/about_us.jpg" width="216" height="37" border="0" id="Image4" onMouseOver="MM_swapImage('Image4','','images/nav/about_us_OVER.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
  </tr>
  <tr>
    <td height="24" valign="top"><a href="contact_us.htm"><img src="images/nav/contact_us.jpg" width="216" height="37" border="0" id="Image5" onMouseOver="MM_swapImage('Image5','','images/nav/contact_us_OVER.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td>
  </tr>
  </table>
</td>
        </tr>
    </table><table width="100%" border="0" cellspacing="20" cellpadding="0">
        <tr>
          <td height="60" align="center" valign="top"><form action="showsearchresults.asp" name="search" method="get" class="pcForms">
            <p>
              <input type="hidden" name="pageStyle" value="<%=bType%>">
      <input type="hidden" name="resultCnt" value="10">
      <input type="Text" name="keyword" size="14" value="">
      <br>
      <input type="submit" name="submit" value="SEARCH" id="submit">
      </p>
    <div class="pcSmallText"></div>
          </form></td>
        </tr>
      </table>
    </p></td>
    <td width="704" height="354" valign="top" bgcolor="#F5F5F5"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="right" bgcolor="#E4E4E4"><form name="login" method="post" action="checkout.asp?cmode=1">
   User Name <input type="text" name="LoginEmail">
   Password <input type="password" name="LoginPassword">
   <input name="PassWordExists" type="hidden" value="YES" >
   <a href="JavaScript:document.login.submit();">Login</a>
<input type="hidden" name="SubmitCO.y" value="1">
</form></td>
      </tr>
      <tr>
        <td height="342" valign="top" bgcolor="#FFFFFF">
Back to Top
Greg Dinger View Drop Down
Certified ProductCart Developers
Certified ProductCart Developers
Avatar

Joined: 23-September-2006
Location: United States
Status: Offline
Points: 238 		Post Options Post Options   Thanks (0) Thanks(0)   Quote Greg Dinger Quote  Post ReplyReply Direct Link To This Post Posted: 28-May-2010 at 7:49pm
I'm really sorry but that is beyond the scope of what is practical in the context of the forum.  We try to answer simple questions and direct people to published answers, but what you are asking for is more than I can offer here.
 
I see that you have the login form in your header.  The solution is that you need to code CSS styles to treat those labels - that's very elementary stuff.  The solution we developed for placing the graphic in place of the H1 tag is very advanced, and leveraged our understanding of ProductCart as well as the client's goals, and my coder's very strong CSS skills. 
 
My suggestion is that if even the above user/password CSS styling is throwing you, you really ought to be considering partnering with an experienced developer to bring you through this project.  EI has a lengthy list of certified developers that you might wish to review, and you can certainly contact us off-forum.  It looks like you have a very appealing store designed, and we'd be very happy to help bring your vision into reality.
Back to Top
 Post Reply Post Reply
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

This page was generated in 0.047 seconds.