Add to cart at section level?

[LouPhi]

I'm using sub-sections with a single product in each, to have the effect of a page of thumbnails (a little more than just a thumbnail, ie, price, view, etc)

I would like to also have the ability to 'add to cart' from the thumbnail without having to click through to the product page.

On viewing other strings (in the 7 forum) I see that this IS apparently possible, but I can't figure out how to do this.

Can someone explain please?

Thanks!

[Rich Brady]

It is documented in the Advanced User Guide

[LouPhi]

I've gone through the Advanced User Manual first but couldn't find it??

Half the battle (sometimes) is know how Actinic refers to things.... could you help me by hinting at what this would be found under??

Thanks

[Rich Brady]

I think it's in or around Page 34...

[Rich Brady]

You don't have any text, from what I have seen, at product level. So it would be little or no benefit of using SPP.

Have a read of the tutorials Lee has on his site, for more info on this.

[LouPhi]

You're looking at the sections ABOVE the ones I'm talking about.

If you click through a further sub-section, what I want to have is both the ability to 'view' full details, or 'add to cart' from this level:

http://trials.actinic.com/trials/tri...h_softtoys.htm

The page you're talking about recommends adding a whole new layout, which I've already created - I just want to add the 'add to cart' button here?

[LouPhi]

and who is Lee??

[NormanRouxel]

You'll need a Quantity, a Cart Button and optional Attributes / Choices.

Add the following to your layout:

         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsAddToCartButtonShown%22%20%2f%3e%20AND%20%0d%28%3cactinic%3avariable%20name%3d%22NumberAttributesInPushButtonGrid%22%20%2f%3e%20%3d%3d%200%29" >
            <actinic:variable name="AddToCartButton" />
         </actinic:block>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e">
            <p>
            <span class="actrequired"><Actinic:Variable Name="QuantityPrompt"/></span><input type="text" name="Q_<Actinic:Variable Name="ProductID"/>" size="4" value="<Actinic:Variable Name="DefaultQuantity"/>" class="form_input_general" />
            </p>
         </actinic:block>
         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptHidden%22%20%2f%3e">
            <input type="hidden" name="Q_<actinic:variable name="ProductID"/>"  value="<actinic:variable name="DefaultQuantity"/>" />
         </actinic:block>
         <actinic:variable name="AttributeList" />
         <actinic:variable name="ComponentList" />

[Rich Brady]

In that case, copy and paste the add to cart button code from your product layout into your section layout. (Like Norman as shown you above)

However, you all ready have very little room in there, so you might have to go to column count 2 instead of 3, which will mean editing your bg image too.

It would be simpler for you to get rid of the section immediately above you product and have multi product pages.

IMO, as you have no addition text at product level you are not providing the customer with any more information, but you are providing an additional click. The less clicks you have between a customer landing on your site and buying the product is what you should be looking for.

Lee is the forum member that helped you out with the breadcrumb thread:

http://www.websitedesigned.co.uk/actinic-tutorials.htm

[LouPhi]

IMO, as you have no addition text at product level you are not providing the customer with any more information, but you are providing an additional click. The less clicks you have between a customer landing on your site and buying the product is what you should be looking for.

I agree, but its what the customer wants. (but thats one of the reasons we want the 'add to cart' button at this level... gives the choice to read more or just buy it now!)

I've pasted the details posted by Norman into my layout, but it hasn't made a difference... could it be where I'm putting it??

All it appears to be doing is putting some space above the 'view' button??

[Rich Brady]

Have you uploaded Louise?

[LouPhi]

Yes.... see http://trials.actinic.com/trials/tri...h_softtoys.htm

The additional breadcrumbs have gone... but still no 'add to cart' (which would be a small red 'buy' button similar to the 'view' button)

The code within that layout is now:

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
<form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />">
<input type="hidden" name="SID" value="<Actinic:Variable Name="SectionID"/>" />
<input type="hidden" name="PAGE" value="PRODUCT" />
<input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
<Actinic:SECTION BLOB='<Actinic:Variable Name="SectionCatFile"/>'/>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">
<!-- Hidden field when in trial mode -->
<input type="hidden" name="SHOP" value="<Actinic:Variable Name="HiddenFields"/>" />
</actinic:block>
</actinic:block>
<div class="prodSelect">
<div class="prodImage"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div>
<div><h3 class="product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>
" target="_self"><span style="color:<MM:BeginLock translatorClass="ACTVARIABLE" type="Actinic Variables" depFiles="" orig="%3Cactinic:variable%20name=%22%20/%3E"><MM:EndLock>
<actinic:variable name='SectionName'/></span></a></h3></div>
<actinic:block type="ProductList" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductType%22%20%2f%3e%20%21%3d%202" >
<div>
</actinic:block>
</div>
<actinic:block type="PriceList" >
<br style="clear: both" />
<actinic:variable name="PriceLayout" />
</actinic:block>
</actinic:block>
<br/>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsAddToCartButtonShown%22%20%2f%3e%20AND%20%0d%28%3cactinic%3avariable%20name%3d%22NumberAttributesInPushButtonGrid%22%20%2f%3e%20%3d%3d%200%29" >
<actinic:variable name="AddToCartButton" /></actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e">
<p><span class="actrequired"><Actinic:Variable Name="QuantityPrompt"/></span><input type="text" name="Q_<Actinic:Variable Name="ProductID"/>" size="4" value="<Actinic:Variable Name="DefaultQuantity"/>" class="form_input_general" /></p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptHidden%22%20%2f%3e">
<input type="hidden" name="Q_<actinic:variable name="ProductID"/>"  value="<actinic:variable name="DefaultQuantity"/>" />
</actinic:block>
<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />
<br />
<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img src="images/view-g.jpg" alt="view details" border="0" /></a>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
</form>
</actinic:block>

[NormanRouxel]

Move the lump of code I gave you to just below:

<actinic:variable name="PriceLayout" />

[LouPhi]

Well thats improved things.... the 'buy' button is now on the page, but Actinic is feeding back an error on the page:

HTML form close tag is found without open tag. (6 places)

And when trying to upload the site to the hosting, I'm getting an error saying "There are 121 coding errors" !!!!!!!!

On viewing, there is also now another error in Actinic:

Nested HTML form tags. (6 places)

Here's the code on that page now...

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
<form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />">
<input type="hidden" name="SID" value="<Actinic:Variable Name="SectionID"/>" />
<input type="hidden" name="PAGE" value="PRODUCT" />
<input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
<Actinic:SECTION BLOB='<Actinic:Variable Name="SectionCatFile"/>'/>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">
<!-- Hidden field when in trial mode -->
<input type="hidden" name="SHOP" value="<Actinic:Variable Name="HiddenFields"/>" />
</actinic:block>
</actinic:block>
<div class="prodSelect">
<div class="prodImage"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div>
<div><h3 class="product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>
" target="_self"><span style="color:<MM:BeginLock translatorClass="ACTVARIABLE" type="Actinic Variables" depFiles="" orig="%3Cactinic:variable%20name=%22%20/%3E"><MM:EndLock>
<actinic:variable name='SectionName'/></span></a></h3></div>
<actinic:block type="ProductList" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductType%22%20%2f%3e%20%21%3d%202" >
<div>
</actinic:block>
</div>
<actinic:block type="PriceList" >
<br style="clear: both" />
<actinic:variable name="PriceLayout" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsAddToCartButtonShown%22%20%2f%3e%20AND%20%0d%28%3cactinic%3avariable%20name%3d%22NumberAttributesInPushButtonGrid%22%20%2f%3e%20%3d%3d%200%29" >
<actinic:variable name="AddToCartButton" /></actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e">
<p><span class="actrequired"><Actinic:Variable Name="QuantityPrompt"/></span><input type="text" name="Q_<Actinic:Variable Name="ProductID"/>" size="4" value="<Actinic:Variable Name="DefaultQuantity"/>" class="form_input_general" /></p>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptHidden%22%20%2f%3e">
<input type="hidden" name="Q_<actinic:variable name="ProductID"/>"  value="<actinic:variable name="DefaultQuantity"/>" />
</actinic:block>
<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />
<br />
<a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img src="images/view-g.jpg" alt="view details" border="0" /></a>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
</actinic:block>
</actinic:block>
<br/>

</form>
</actinic:block>

Its getting there, but still not quite right..... grateful for any help you can offer.

LP

[Rich Brady]

Open up the coding error warning an double click on the coding errors. This should take to to the bit of code that is causing the problem.