Adding a border to products

[TBird1]

Hi there, Im a bit of a noob to Actinic - I'm having a bit of frustration as to how you could add a border (eg a pencil thin blue line box) around each product in the catalogue.

I have started building a product range that appears in 2 columns within my catalogue. Without a border users may miss-interpret which product is tied to which "add to basket" button.

Preview of my predicament can be seen here: http://trials.actinic.com/trials/tri...y_of_Hair.html

Any help/suggestions for adding a border would be greatly appreciated.

Many thanks,

TBird1

[Buzby]

If you look at this page on a site I am currently redesigning.
http://www.qualitygold.co.uk/acatalo...um_Silver.html

Is this what you are after?

If so open up the Act_productline (Whatever one you are using) in Dreamweaver etc and place the majority of the text in to a table. This will give you the box that you require.

Regards

Jason
www.qualitysilver.co.uk

[Duncan Rounding]

Just some ideas...

A simple way is to modify your Act_ProductLine template to have border=1 as:
<!-- START each product lives in this table - alter below to rearrange items -->
<table width="100%" border="1" cellspacing="1" cellpadding="1">

A better way would be to create another class in css such as:
.tblBorder {
border-top: 1px solid #FFFFFF;
border-right: 1px none #FFFFFF;
border-bottom: 1px none #FFFFFF;
border-left: 1px none #FFFFFF;
}
Then refer to that in your TABLE or/and TD tags as required in Act_Primary or Act_ProductPrimary templates:
....<td class="tblBorder" >....

I'm sure Jonty or others could perhaps give better css examples....

[TBird1]

Thanks folks - unfortunately I'm html illiterate, and your suggestions would scare the beejapers out of me :-)

The url you provided illustrates just what I am looking to do but to be honest I ws hoping there may be a 'point & click' solution to this ?

Regards

TBird1

[Buzby]

Do you have Dreamweaver?

[TBird1]

Do you have Dreamweaver?

Will that make things easier for me ? I have a fair head for tackling IT things and not afraid to have a go, but Ive never jumped in to HTML (yet). Nearest Ive got so far is copying and pasting some of the Advanced Actinic HTML utilities in to Actinic.

I could download a trial copy if you'd recommend it to have a bash !?

What would you be suggesting if I had Dreamweaver then ?

TBird1

[NormanRouxel]

You're using the Product In Columns patch (which I wrote). Luckily this makes it easy to add a border around each product.

In your Product Template (Act_ProductLine.html) look for

<!-- START each product lives in this table - alter below to rearrange items -->
<table width="100%">

just replace that

<table width="100%">

with

<table width="100%" style="border:solid 1px black;">

That's the minimum needed to get it working.

You can add more style (google for css border style) e.g.

<table width="100%" style="border:dashed 2px red;">

[Buzby]

If you have a working copy of Dreamweaver I could e-mail you the template that I use.

Regards

Jason

[TBird1]

You're using the Product In Columns patch (which I wrote). Luckily this makes it easy to add a border around each product.

Wow - I'm impressed ! You just never know who's participating in the forums. Thanks for the advice, I'll give this a shot.

TBird1

Edit: Done as instructed and impressed myself :-) works a treat

[TBird1]

If you have a working copy of Dreamweaver I could e-mail you the template that I use.

Regards

Jason

Thanks Jason - I'd like to take a look at this too. Please email the template you mention (much appreciated).

TBird1

[TBird1]

You're using the Product In Columns patch (which I wrote). Luckily this makes it easy to add a border around each product.

In your Product Template (Act_ProductLine.html) look for

<!-- START each product lives in this table - alter below to rearrange items -->
<table width="100%">

just replace that

<table width="100%">

with

<table width="100%" style="border:solid 1px black;">

That's the minimum needed to get it working.

You can add more style (google for css border style) e.g.

<table width="100%" style="border:dashed 2px red;">

Hi Norman,

I have just rebuilt my test site using your Product In Columns Patch. Everything looks well except that when I update the web site, offline preview or do a database backup/snapshot I get an error saying "Some of the configuration variables were not found . . ." and a reference to DISCOUNTINFOBULK within ActProductBody.html.

Will this effect anything or should I ignore it ?

Cheers,

John

[NormanRouxel]

NETQUOTEVARISCOUNTINFOBULK is new in V7. Edit Act_ProductBody.html and look for the line

NETQUOTEVAR:HIDDENINPUT

and add

NETQUOTEVARISCOUNTINFOBULK

below it and all will be well.

[TBird1]

Thanks Norman - and for the quick response, much appreciated.

Regards

John