Product description html code

laffe · #1 11-17-2006, 01:38 PM

I wanted to add html code to my product description.
But all the text disapeared when i saved the page.

Isnt it possible to have html code in the product description?

Leif-Harald

balinor · #2 11-17-2006, 04:18 PM

It shouldn't be a problem....remember not to put <html>, <head> or <body> tags in your html

laffe · #3 11-18-2006, 02:08 AM

There are none of those tags.
I can use code for fonts and adding images. But I wanted to add the adsense code.
That messed it up, and all code was deleted when i stored the info

Leif-Harald

balinor · #4 11-18-2006, 03:03 AM

Ahhh...you didn't mention JavaScript

That can't be added to the description tags...you need to add that to the template itself.

laffe · #5 11-18-2006, 03:21 AM

ok. sounds complicated. Not what I can do. Thanks

LHN

Realsecurity · #6 02-06-2010, 01:20 PM

strange you should mention no <body> tags, have spent some time trying to get a new <DIV> based layout to work!!! no matter what i try it keeps shifting to the left over the image! the usual way of creating a container then contents within the tags is to use a body tag with css style to center it all. This really messes up so i can see now a body tag is not possible.

strange thing is the current product description layout uses a div container with a table based layout inside and it all sits where it should! i need to change to divs and not tables as all my descriptions are to change.......is this possible with x-cart....

any comments appreciated..

www.dvdinfo.org

version 4.2.0

balinor · #7 02-06-2010, 03:19 PM

Ok, forget about the body tag as that has nothing to do with formatting. If your divs are overlapping it is an issue with your code, not the body tag. Perhaps if you post what code you are trying to use in the description we can help debug it for you.

Realsecurity · #8 02-20-2010, 02:36 AM

Hi, thanks for reply, i found the body tag was a problem in the code as x-cart body css styles were being applied to my own template. So firstly i removed body tags, html tags and just used the DIV tags, plus my own css rules. With the addition of a few inline rules to force css to ignore xcart rules on my font sizes. and color. Using the CENTER tags also forces the whole template in the middle of the xcart layout.

I also included a top rule to make all browsers comply to the template.

below is the code showing an example product which works exactly how i wanted it to, its only basic, but does the job and doesnt use tables. Only css and Divs.

thanks again for the reply, anyone feel free to copy and use the template or any part of it in your site (if it helps others) then i am happy to share it.

<!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">

<style type="text/css">

.container {width: 680px;
height: 685px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
background-color: #FFF;

}

.header-title {
width: 550px;
height: 70px;
margin: 1px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFF;
font-weight: bold;
line-height: 70px;
background-image: url("http://www.dvdinfo.org/ebay-images/strongtitle.gif");
}

.iconright {width: 123px;
height: autopx;
margin-top: 1px;
margin-right: 1px;
float: right;

}

.contentmain {
height: auto;
margin: 1px;
float: left;
text-align: left;
width: 546px;
font-size: 15px;
padding: 2px;

}

.rightpanelImgs {width: 123px;
height: auto;
margin-right: 1px;
float: right;
}

.imageright {margin-bottom: 2px;}

.featuresproduct {width: 546px;
height: auto;
float: left;
margin: 1px;
text-align: left;
padding-top:5px;
font-size: 13px;
font-weight: bold;
padding: 2px;
}

p {padding: 2px;
margin: 0;}

.imagelarge {width: 268px;
height: 225px;
margin: 1px;
clear: both; float: right;}

.postage {width: 404px;
height: auto;
clear: left; float: left;
text-align: left;
margin: 1px}

.paymentmethod {width: 404px;
height: auto;
float: left;
text-align: left;
margin: 1px}

.whatwill {width: 404px;
height: 65px;
float: left;
text-align: left;
margin: 1px
}

.strongbackground {font-weight: bold;
font-size: 15px;
background-image: url("http://www.dvdinfo.org/ebay-images/strongbackground.gif");
color: #FFF;}

</style>

<center>

<div class="container">

<div class="header-title">Sega Rally Xbox 360</div>

<div class="iconright"><img src="http://www.dvdinfo.org/ebay-images/xbox360-logo-small.jpg" width="121px" height="70" alt="xbox 360"></div>

<div class="contentmain">
<p style="font-size: 15px; color: #666;">Sega Rally encourages players to put the pedal to the metal and enjoy thrilling head-to-head racing. Skilled driving will go hand-in-hand with pure luck as you hurtle around looping tracks in a wide selection of 4WD, 2WD & Classic vehicles that react quite differently depending upon the racing surface. Sega Rally offers a vast variety of fully deformable environments and surfaces, from littered gravel tracks, all weather tarmac roads, to snow driven trails - no two laps let alone a race will ever be the same.</p>
<br>

<p style="font-size: 15px; color: #666;">This Game is in Very Good condition complete with case and booklets.</p>
</div>

<div class="rightpanelImgs"><img class="imageright" name="rightimage1" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally1-small.jpg" width="121px" height="168" alt="place holder"/>
<img class="imageright" name="imageright2" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally2-small.jpg" width="121px" height="68px" alt="tester">
<img class="imageright" name="imageright3" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally3-small.jpg" width="121px" height="68px" alt="tester">
<img class="imageright" name="imageright4" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally4-small.jpg" width="121px" height="68px" alt="tester">
</div>

<div class="featuresproduct"><ul style="font-size: 13px; color: #666;">

<li>Bumper to bumper Rally racing</li>
<li>Fully deformable environments & surfaces</li>
<li>Speed & adrenaline</li>
<li>Offers a wonderfully vibrant graphical world</li>
<li>A wide selection of 4WD, 2WD and Classic vehicles</li>
<li>Advanced AI, multiplayer and online capabilities</li>
<li>Arcade accessibility with simulation depth</li>
<li>Supurb driving experience</li>
<li>Customizable cars</li>
</ul>
</div>

<div class="imagelarge">

<object type="application/x-shockwave-flash"

style="width:268px; height:225px;"

data="http://www.youtube.com/v/ZYH0c6e8HdA&autostart=1&rel

=0&autoplay=1">
<param name="movie"

value="http://www.youtube.com/v/ZYH0c6e8HdA&autostart=1&re

l=0&autoplay=1" />
</object>

</div>
<div class="postage">

<p class="strongbackground">Postage</p>
<p style="font-size: 13px; color: #666;">All items are sent 1st class and will be despatched same day if payment received before 2pm. Proof of postage is obtained for every item we send and includes insurance against loss or damage.</p>
</div>

<div class="paymentmethod">
<p class="strongbackground">Payment methods </p>
<p style="font-size: 13px; color: #666;">Prefered payment method is Paypal, you can use most debit credit cards and there is no need to be registered. Alternitively we accept postal order or cheque should you prefer.</p>
</div>
<div class="whatwill">
<p class="strongbackground">What will i receive</p>
<ul style="font-size: 15px">
<li>1 X Sega Rally Xbox 360 Game with booklets</li></ul>
</div>
</div>

</center>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search



	X-Cart forums © 2001-2020