Announcement

**cdicken** · 03-Feb-2003, 09:39 AM

It is not possible to display products with add to cart buttons on anything other than store product pages.

I suggest you use Actinic's 'brochure' feature and use brochure fragments to include product details onto your brochure pages. Do a right click on the green 'Online Catalogue' icon and select 'New Page' to start creating brochure pages. You can upload one page (the 'Web Site Home Page') to the level above the acatalog folder online - which may be the root of your site.

You can turn your design into a Brochure Overall Layout template by saving it within the 'Site1' folder (together with any relevant images - these should just be within the Site1 folder) and then copy the <HEAD> section from Act_BrochurePrimary.html into the <HEAD> section of your new file - and then use NETQUOTEVAR:BROCHUREBODY where you want your bulk area to appear.

Select this file as the overall layout template within the 'Layout' field of the brochure page.

**DFirth** · 27-Sep-2003, 04:21 PM

I also want to show products on the home page with links to the catalogue. I have used fragments as per the suggestion, but the products just appear as as a list. I would like to be able to present the products in a grid structure (see www.forsyth4.co.uk for the kind of effect I want to achieve). At the same time I would like to retain the standard brochure layout for the other brochure pages.

Do you have any suggestions?

Thanks

David

**James M SellerDeck** · 30-Sep-2003, 02:51 PM

Hi David

There isnt a way of doing this within Actinic itself for the brouchure pages, you would have to edit the template.

I think the best way for you to do this would be to edit your Act_BrouchurePrimary.html template, with an html editor (e.g Dreamweaver). Then you would have to create a table within this template with the amount of columns and rows you want, and insert the images in the table - i.e 3 across. Then you would link the relevant image to the product in the catalog.

I hope that helps

James
________

**NormanRouxel** · 30-Sep-2003, 03:40 PM

Here's a way that might work for getting buyable products onto the home page.

I've previously posted a way to have Add to Cart buttons on the Extended Info Popup Pages by using an alternative Extended Info Template.

As these pages have a unique name you could use that as the source in a set of 3 <IFRAME...> tags on the home (or any brochure) page. If you click none of the Display By buttons the page is still generated but isn't accessible from thye product details.

IFRAME is an IE specific tag so this may not work on all browsers.

To make things easy for your client all they'd have to do is to use an extended info filename like "special.html", "newproduct.html" and "weeklyoffer.html" for their 3 categories and Actinic's check for duplicate filenames would require them to disable the old product's pop-up before they could replace it with a new offer.

I've not got time at the moment to test it, so I hope someone else will try this out.

Norman

**NormanRouxel** · 30-Sep-2003, 11:29 PM

It can be done (within a few limitations)! Here's the ReadMe:-

Code:

Including Special Offer type products on the Home and Brochure pages.  Tested with 6.1.2.

This method hijacks the Extended Information Popup Page for a product, makes these into stand-alone html pages,
adds a Cart Button to these pages and inserts that small page into the home page or a brochure fragment
using an <IFRAME..> tag.

LIMITATIONS:-

You won't be able to use the Extended Information Popup as usual on these products.
This technique only works on products in "Quantity on Product Page" type sections (without the Single Cart Button).
It makes use of the <IFRAME..> tag which is somewhat Internet Explorer specific.
Don't use on products with Date or Other Info prompts as errors (bad date, etc) wouldn't be cleanly handled.


SET-UP:-

Save the following code as ProductOnBrochurePages.html in your Site1 folder. 





<!-- ProductOnBrochurePages.html -->
<HTML>
<HEAD>
<Actinic:WINDOW WIDTH="600" HEIGHT="350"/>
<TITLE>NETQUOTEVAR:PAGETITLE NETQUOTEVAR:PAGEHEADER</TITLE>
   <Actinic:BASEHREF VALUE="NETQUOTEVAR:BASEHREF"/>
   <META NAME="ACTINICTITLE" CONTENT="NETQUOTEVAR:PAGEHEADER">
   <META HTTP-EQUIV="Content-Type" content="text/html; charset=iso-8859-1">
   <LINK REL=STYLESHEET HREF="actinic.css">

</HEAD>
<BODY NETQUOTEVAR:BGIMAGE NETQUOTEVAR:BGCOLOR text="NETQUOTEVAR:FGCOLOR" NETQUOTEVAR:LINKCOLOR NETQUOTEVAR:VLINKCOLOR NETQUOTEVAR:ALINKCOLOR>

NETQUOTEVAR:PRODUCTFORMBEGIN

<script language=JavaScript>
<!--
// make the submitted form load into the parent window
document.forms[0].target = '_top';
// make sure we return to the parent window after adding to cart
document.write('<INPUT TYPE=HIDDEN NAME="ACTINIC_REFERRER" VALUE="' + window.top.location.href + '">');
// -->
</script>

<TABLE BORDER=0 cellpadding="5" cellspacing="0">
  <TR> 
    <TD rowspan="3" align="center" valign="top">
     NETQUOTEVAR:PRODUCTIMAGE <!-- <IMG SRC="NETQUOTEVAR:INFOIMAGE" WIDTH=NETQUOTEVAR:INFOIMAGEWIDTH HEIGHT=NETQUOTEVAR:INFOIMAGEHEIGHT> -->
    </TD>
    <TD valign="top"> <b><span class="actregular">NETQUOTEVAR:PRODUCTNAME</span></b>&nbsp;NETQUOTEVAR:PRODUCTREF</TD>
  </TR>
  <TR> 
    <TD valign="top">NETQUOTEVAR:PRODUCTDESCRIPTION <!-- NETQUOTEVAR:INFOTEXT -->
      <br>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span>
      <br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b>
      NETQUOTEVAR:PRODUCTQUANTITY
     <Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS> 
   </TD>
  </TR>
  <TR> 
    <TD valign="top"> 
<!-- NETQUOTEVAR:CLOSELINK NETQUOTEVAR:CLOSELABEL -->
    </TD>
  </TR>
</TABLE>
NETQUOTEVAR:PRODUCTFORMEND
</BODY>
</HTML>
<!-- End ProductOnBrochurePages.html -->





Now on your home page wherever you want that product to appear add the HTML

	<iframe src="specialoffer.html" width=500 height=300></iframe>

You can alter the width, height, etc to suit your design.

If you want to use Brochure Fragments (home page or elsewhere) to display these items 
then create a fragment of type "Text Only" and in the "Text" field put

	!!<<iframe src="specialoffer.html" width=500 height=300></iframe>>!!

You can display multiple products by choosing different file names for each one
and matching it with a Page Name below.




OPERATION:

When you want a product to appear on your Home or a Brochure page:-

In the Product Details / Extended Information tab

	Check "Generate Popup Page".
	Leave all the "Display By" fields blank.
	Leave "Text" and "Image" blank (we pick up that info from the main product).
        In "Page Name" choose a filename for this product.  
		E.g. "specialoffer.html" - matching the name in a fragment as above.
	In "Layout" enter "ProductOnBrochurePages.html".

When you want to choose a new special offer just untick the "Generate Popup Page" on the old product
and repeat from "In the Product Details...." above on the new one.

If these limitations are a problem you could always copy the special offer products to an "Offers" section containing just these product copies and use these instead.

Norman

**NormanRouxel** · 02-Oct-2003, 11:45 AM

Did anyone try this out? If so could you let me know how you got on.

Norman

**NormanRouxel** · 03-Oct-2003, 06:33 PM

Ooops. The above worked on live sites but failed on the Preview pages (I always use a local server on my laptop here so I forgot about the Preview option).

Attached is a replacement readme that fixes this.

Again if anyone wants to test this out I'd love to know their results.

Norman

Attached Files

productonbrochurepages.txt (4.5 KB, 328 views)

**DFirth** · 06-Oct-2003, 01:31 PM

Norman

You have offered an intriguing soulution, but my site makes quite extensive use of extended info. I have therefore decided to hard code some HTML into one of the brochure fragments - which gives me pretty much the effect I have been looking for

Regards

David

Announcement

How do I display a product on home index page

How do I display a product on home index page

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment