Page 1 of 1

Product Display Page

Posted: Tue Oct 07, 2008 12:34 pm
by westcoastoffshore
Hi I was wondering if someone could help me with some code adjustments I need to make. If you go to the page http://www.westcoastoffshore.ca/1978-CI ... 8-P13.aspxand look at the image of the boat; below it is a "More Images" link. I am trying to put a page break in front of the "More Images" link to lower it down off of the image and I am also trying to make the font one size larger and change the colour.

I am also trying to put a page break in front of the breadcrumbs above the page title as well as changing the colour of the breadcrumbs.

Thanks for any and all help.

Regards,
Don

Re: Product Display Page

Posted: Tue Oct 07, 2008 12:57 pm
by mazhar
look at the image of the boat; below it is a "More Images" link. I am trying to put a page break in front of the "More Images" link to lower it down off of the image
Edit the Show Product 1 scriptlet in the content section of the Product page and locate the following line in the code

Code: Select all

[[ConLib:ProductImage ShowImage="Image"]]<br />
and make it look like

Code: Select all

[[ConLib:ProductImage ShowImage="Image"]]<br /><br />
and I am also trying to make the font one size larger and change the colour.
Edit the Show Product 1 scriptlet in the content section of the Product page and find the following line in the code

Code: Select all

<a href="#" onclick="window.open('ProductImages.aspx?ProductId=$Product.ProductId', 'productImages', 'status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=yes,scrollbars=1,height=650,width=850')">
and make it look like

Code: Select all

<a class="MoreImagesLink" href="#" onclick="window.open('ProductImages.aspx?ProductId=$Product.ProductId', 'productImages', 'status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=yes,scrollbars=1,height=650,width=850')">
and then add the following code to current themes style.css

Code: Select all

a.MoreImagesLink
{
	color:Red;
	font-size:13px;
	}
I am also trying to put a page break in front of the breadcrumbs above the page title as well as changing the colour of the breadcrumbs.
Edit the Show Product 1 scriptlet in the content section of the Product page and find the following line of code

Code: Select all

[[ConLib:CategoryBreadCrumbs HideLastNode="False"]]
and make it look like

Code: Select all

<br />[[ConLib:CategoryBreadCrumbs HideLastNode="False"]]
and then edit the style.css of the current theme and add following code to it

Code: Select all

.CategoryBreadCrumbs a{color:Red;}