Mini Best Seller Layout

[remmo]

I would like to change the mini best seller layout so that it has the following:

Product Name
Product image on right
Product Price on left
An add to cart button beneath the price

That's all. I would like the customer to be able to change the quantity if required in the shopping cart. However for the main part of the page I would like the customer to be able to select the product quantity.

Is this possible? And how would I do it?

PS. At the moment my Mini Best Seller Layout looks like this:

<DIV
style="BORDER-RIGHT: #648cbc 1px solid; BORDER-TOP: #648cbc 1px solid; BORDER-LEFT: #648cbc 1px solid; BORDER-BOTTOM: #648cbc 1px solid; BACKGROUND-COLOR: #ffffff; WIDTH: 200; padding: 5px">
<p class="text_product_small_info_heading"><actinic:variable encoding="actinic" name="ProductName" /></p>
<div class="product_image_cost">
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProductReference" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>"><img src="<actinic:variable name="ProductImageFileName" />" width="75" alt="<actinic:variable name="ProductName" />" border="0" /></a>
</actinic:block>
</div>
<div class="orangesidebartext">

<Actinic:PRICES PROD_REF="<actinic:variable name="ProductReference" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
<actinic:variable value="Marketing Price List" name="PriceListRetail" />
</Actinic:PRICES>

<p class+"text_product_small_info">Normally ships within 24 hours<br><br>
<actinic:variable name="AddToCartButton" />

<!-- <p class="text_product_small_info"><actinic:variable name="ProductDescription" /><br>
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProductReference" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">find out more</a></p>-->
</div>
</div>

<img src="/pageelements/whitespacer.gif" width=200 height=5 border=0/>

[Nadeem]

Hi Remmo,

The easiest way I thought of was creating a table, and placing where you want each objects to be. See what I had done:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td><actinic:variable name="PriceListRetail" /></td>
    <td><actinic:variable name="ListIndex" />. <a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProductReference" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>"><Actinic:Variable Name="ProductName"/></a></td>
    <td><actinic:variable name="ProductImageLayout" /></td>
  </tr>
  <tr> 
    <td><actinic:variable name="AddToCartButton" /></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

Kind Regards

[remmo]

Hi Nadeem,

Thanks for the reply. This makes the product layout how to the right. However the add to cart button is not working. Any ideas how to fix this?

[Nadeem]

Hi Remmo

Have you uploaded it to a test server, I would like to know what the error message is, from when you are adding to cart.

Kind Regards

[remmo]

Hi Nadeem,

Test site is http://www.thehoneyfarm.com.au/acatalog/test/index.html

Notice how you cannot click through on the Buy button.

[TraceyG]

Hi Remmo,

To get the add to cart button to work you need to add the following to the top of your 'mini best seller' layout:

<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"/>'/>

and a closing </form> tag to the bottom. This will only work with your shopping mode set to 'Quanitity on Confirmation Page' or 'Quantity in Shopping Cart'.

[remmo]

Hi Tracey<

I have added the above code to the top of my layout, and </form> at the end.

My layout now looks like

<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"/>'/>
<DIV
style="BORDER-RIGHT: #6699cc 1px solid; BORDER-TOP: #6699cc 1px solid; BORDER-LEFT: #6699cc 1px solid; BORDER-BOTTOM: #6699cc 1px solid; BACKGROUND-COLOR: #ffffff; WIDTH: 200; padding: 5px">
<p class="text_product_small_info_heading"><actinic:variable encoding="actinic" name="ProductName" /></p>
<div class="product_image_cost">
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProductReference" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>"><img src="<actinic:variable name="ProductImageFileName" />" width="75" alt="<actinic:variable name="ProductName" />" border="0" /></a>
</actinic:block>
</div>
<div class="orangesidebartext">

<Actinic:PRICES PROD_REF="<actinic:variable name="ProductReference" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
<actinic:variable value="Marketing Price List" name="PriceListRetail" />
</Actinic:PRICES>

<p class+"text_product_small_info">Normally ships within 24 hours<br><br>
<actinic:variable name="AddToCartButton" />

<!-- <p class="text_product_small_info"><actinic:variable name="ProductDescription" /><br>
<a href="<actinic:variable name="SearchCGIURL" />?PRODREF=<actinic:variable name="ProductReference" />&amp;NOLOGIN=1<actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">&amp;SHOP=<actinic:variable name="ShopID" /></actinic:block>">find out more</a></p>-->

</div>
</div>
<p>&nbsp;</p>
</form>

I've set the Shopping Mode to Quantity in Shopping Cart and have uploaded to my test site http://www.thehoneyfarm.com.au/acatalog/test/index.html

Now when I click on the Buy Button I receive a General Script Error saying that the Section ID number is invalid... any ideas on what I have done wrong?

[TraceyG]

Hi Remmo,

Your code works for me on a default site when I am clicking on the buy button when on a product page. However, your code and mine does not work from the home page. I cannot see why your code does not work from a product page also on your site. I have asked our development team if there is something else I have missed to get this working correctly. I will post back as soon as I hear from them.

[TraceyG]

Hi Remmo,

Our development team have requested a snapshot to find out why it doesn't work for you. I have sent you an email so you have my email address to send it to.

[remmo]

Tracey, I haven't received your email. I think it may have been munched by a spam filter. I've changed the address in my profile.

Email address is remmo X thehoneyfarm.com.au (replace X with @ and remove spaces )

[TraceyG]

Hi Remmo,

Email has been sent again.

[TraceyG]

Hi Remmo,

Our development team have taken a look at your snapshot and have suggested that you change:

<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"/>'/>

to

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

Please note that this will not work on your home page only product pages. For it to work on your home page I can only suggest hard-coding the list on that page. You can get the correct link format from our Advanced User Guide (Adding to Cart from Anywhere on the Internet).

[remmo]

Hi Tracey,

I've been playing around with the above code but am not able to get it to work. I think I will just revert to a standard layout for the best sellers list and tackle this at a later stage.

Simply I would like to change the "find out more" text link to an add to cart button that adds the product directly into the shopping cart.

I also plan on using the Quantity on Product Page Shopping Mode (although I haven't used this in the above)

[TraceyG]

Hi Remmo,

Sorry that you can't get it to work. It's odd because our development team tried it out on your snapshot and got it working. It will, however, only work with 'Quantity on Confirmation Page' or 'Quantity in Shopping Cart' so if you don't plan to use those options then it won't work anyway.