Product Layout

[Alex---1]

Hi

Is there anywhere in Actinic that allows you to change where certain parts of a product page go? For example I have a drop down menu for selecting package sizes on my products but can't find a way to change the location of it. At the moment it's under the description and looks out of place,

I've searched the form and couldn't find anything relevant, is there a way to code in a position of each thing such as the description location, add to cart location so on...

Thanks in advance.

[Duncan Rounding]

You will need to roll up your sleeves and go onto Design View and edit the product layouts. Backup first!

[Alex---1]

Thanks for your quick reply...

Is this is in Design | Library then just a case of editing the relevant layout?

Regards

[NormanRouxel]

A bit safer way is to locate the Product Layout that you're using in Design / Library / Layouts / Products. Right-click it and choose Copy. Rename that copy to something sensible and edit the copy as required. Use the copied layout for a test product (select via Product Details / Layout) until you've got things right.

[Alex---1]

Thanks Norman I'll give that a go.

How will Actinic know which of the two (original or copy) to use when building the site?

Thanks

[NormanRouxel]

You choose it. As I said above "select via Product Details / Layout".

Once you're happy you can set it globally via Settings / Site Options / Layout / Product / Product Layout.

[Alex---1]

A bit safer way is to locate the Product Layout that you're using in Design / Library / Layouts / Products. Right-click it and choose Copy. Rename that copy to something sensible and edit the copy as required. Use the copied layout for a test product (select via Product Details / Layout) until you've got things right.

Hi,

I'm struggling a bit on what I need to change/code to position the add to cart and quantity buttons. I'm pretty new to coding so learning as I go, I have several backups of my site in case I screw up. Just looking for any suggestions from people? I've attached an image of what I'm trying to achieve.

Here is the code for the layout that I'm using for my products (standard with image on left)


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

<table width="100%" cellspacing="0" cellpadding="10" border="0">
<tr>
<td width="25%" align="center" valign="top">
<actinic:variable name="ProductImageLayout" />
</td>
<td width="75%" align="left" valign="top">
<a name="<Actinic:Variable Name="EncodedProductAnchor"/>">
<b><Actinic:Variable Name="ProductName"/></b></a>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e" >
Ref: <actinic:variable name="ProductReference" />
</actinic:block>

<br />
<actinic:block php="true" >

$sShort = "";

$nCount = 0;

$sOriginal = '<actinic:variable encoding="perl" name="ProductDescription" selectable="false" />';

foreach(explode(" ", $sOriginal) as $sWord)

{

if ($nCount > 30)

{

$sShort .= "...";

break;

}

$sShort .= $sWord . " ";

$nCount++;

}

echo $sShort;

</actinic:block>

<actinic:variable name="ExtendedInformationLinks" /><br />
<actinic:variable name="RealTimeStockDisplay" />


<actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e">
<br />
<a href="<Actinic:Variable Name="ProductLinkInfo"/>">
<Actinic:Variable Name="ProductLinkText"/>
</a>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsCustomerMessageUsed%22%20%2f%3e">
<br />
<Actinic:PRICE_EXPLANATION PROD_REF="<actinic:variable Name="ProductID" />" COMPONENTID=-1><Actinic:Variable Name="RetailCustomerMessage"/></Actinic:PRICE_EXPLANATION>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22PriceIsEnabled%22%20%2f%3e">
<b>
<Actinic:PRICES PROD_REF="<actinic:variable Name="ProductID" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
<actinic:variable name="PriceListRetail" />
</Actinic:PRICES>
</b>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20False">
<Actinic:NOTINB2B><br /><strong><actinic:variable name="ProductPriceNotEnabledMessage" /></strong></Actinic:NOTINB2B>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22DiscountDescriptionIsShownForProducts%22%20%2f%3e">
<br /><actinic:variable name="DiscountList" value="Standard Discount List" />
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsOtherInfoPromptShown%22%20%2f%3e">
<br />
<span class="actrequired"><Actinic:Variable Name="OtherInfoPrompt"/></span><br />
<input type="text" name="O_<Actinic:Variable Name="ProductID"/>" size="40" maxlength="1000" value="" />
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsDatePromptShown%22%20%2f%3e">
<br />
<span class="actrequired"><actinic:variable name="DatePrompt"/></span><br />
<actinic:variable name="DayList" /><actinic:variable name="MonthList" /><actinic:variable name="YearList" />
</actinic:block>

<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e%20AND%20%28%3cactinic%3avariable%20name%3d%22IsOutOfStockShown%22%20%2f%3e%20%3d%3d%20FALSE%29%20AND%20%28%3cactinic%3avariable%20name%3d%22IsCatalogSuspendedShown%22%20%2f%3e%20%3d%3d%20FALSE%29" >
<actinic:block if="%3cactinic%3avariable%20name%3d%22CartButtonVisibleToAllCustomers%22%20%2f%3e" >
<!-- This code is used when the quantity box is visible to all customers -->
<br />
<span class="actrequired"><Actinic:Variable Name="QuantityPrompt"/></span>
&nbsp;
<input type="text" name="Q_<actinic:variable Name="ProductID"/>" size="4" value="<Actinic:Variable Name="DefaultQuantity"/>" />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22EnabledForCustomerGroupID%22%20%2f%3e%20%21%3d%20%22%22">
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e" >
<!-- This code is used when the quantity box is visible to retail customers, but not all other customer groups -->
<Actinic:ShowForPriceSchedule Schedules="<actinic:variable name="EnabledForCustomerGroupID" />">
<br />
<span class="actrequired"><Actinic:Variable Name="QuantityPrompt"/></span>
&nbsp;
<input type="text" name="Q_<actinic:variable Name="ProductID"/>" size="4" value="<Actinic:Variable Name="DefaultQuantity"/>" />
</Actinic:ShowForPriceSchedule>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20FALSE" >
<!-- This code is used when the quantity box needs to hidden from retail customers -->
<Actinic:ShowForPriceSchedule Schedules="<actinic:variable name="EnabledForCustomerGroupID" />" HTML="<br /><span class=''actrequired''><Actinic:Variable Name="QuantityPrompt"/></span>&nbsp;<input type=''text'' name=''Q_<actinic:variable Name="ProductID"/>'' size=''4'' value=''<Actinic:Variable Name="DefaultQuantity"/>'' />"></Actinic:ShowForPriceSchedule>
</actinic:block>
</actinic:block>
</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>

<br /><actinic:variable name="CartError" />

<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" >
<br /><actinic:variable name="AddToCartButton" />
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsOutOfStockShown%22%20%2f%3e">
<br /><br /><strong><span class="actrequired"><br /><Actinic:Variable Name="OutOfStock"/></span></strong>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsCatalogSuspendedShown%22%20%2f%3e">
<br /><br /><strong><span class="actrequired"><Actinic:Variable Name="CatalogSuspended"/></span></strong>
</actinic:block>

<actinic:variable name="ProductAlsoBoughtList" />

<actinic:variable name="ProductRelatedProductsList" />

<actinic:variable name="FeefoProductLogo" />

<actinic:variable name="FeefoProductFeedback" />

</td>
</tr>
</table>



<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
</form>
</actinic:block>

Thanks a lot.

[jont]

Starter for 10 ....

You will need to wrap the "quantity code" and the "add to cart code" into their own <div class="floatLEFT">... </div>

and in the actinic.css stylesheet add

.floatLEFT {
width: 200px;
float: left;
}

... set the width as required