This is where we'll be adding some tips for using the CSS features from http://www.ecommercetemplates.com/help/css.asp
How to put a border around your productsIn your style sheet, style.css add this
div.product {
border:1px solid #000;
background-color:#FFF;
}
...see an example here http://www.ecommercetemplates.com/dreamweaverecommerce.asp
Jazz up your cross selling layoutHere's an example of a cross selling layout on the product detail page http://www.ectdemostore.net/proddetail.asp?prod=fscanner001
Add this to your css file
.cstitle {
font-size: 13px;
font-family : Verdana,Arial,sans-serif;
font-weight : bold;
background: #fdedc9;
border: 1px solid #e69d01;
color : #333;
padding: 4px;
}
and this to your proddetail.asp page (in this example)
<style>div.product {
border:1px dotted #e69d01;
background-color:#FFF;
}</style>
<%
crosssellaction="recommended"
%>
<!--#include file="vsadmin/inc/inccrosssell.asp"-->
or to your proddetail.php page
<style>div.product {
border:1px dotted #e69d01;
background-color:#FFF;
}</style>
<?php
$crosssellaction='recommended';?>
<?php include "vsadmin/inc/inccrosssell.php" ?>
Make your product blurb easier to readIf you have long descriptions in paragraphs then it's easier on the eye if the line spacing is given a tweak so try adding this to style.css to help readability
.proddescription, .detaildescription{
line-height: 1.3;
font-size: 12px;
font-family : Verdana,Arial,sans-serif;
color : #000;
}
-------------------------Ecommerce templatesCheck out our ecommerce template hostingCheck out our regular templatesUpdater help
CSS tips
Posted - 11/21/2006 : 06:47:03
