product layout help

[wesleythorne]

hi, i am having problems getting the product layout right.
Have upgraded v7 to 9 and still learning a few things.
The link below will show you what i currently have as a product layout.
What I would like is for the free message text to be aligned to the left hand side just above the message box, it is at present fragmented.
Also the date selection box, any ideas how i could have a pop up window instead of drop downs to show weekdays only as we do not deliver weekends.
Something like the date box used in the order tab of actinic for next actions.

Site in test mode, many thanks, wesley

http://www.littlesweetshop.co.uk/aca...sweet_box.html

code of current layout/ standard layout using css

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >
<form method="post" action="<actinic:variable value="Shopping Cart Script URL" name="OnlineScriptURL" />">
<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="product_list">
<div class="image_product"><actinic:variable name="ProductImageLayout" /></div>
<div>
<div style="float: right;">
</div>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsOutOfStockShown%22%20%2f%3e" >
<div style="float: right;"><strong><span class="actrequired"><actinic:variable name="OutOfStock" /></span></strong></div>
</actinic:block>

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsCatalogSuspendedShown%22%20%2f%3e" >
<div style="float: right;"><strong><span class="actrequired"><actinic:variable name="CatalogSuspended" /></span></strong></div>
</actinic:block>

<a name="<actinic:variable name="EncodedProductAnchor" />"></a>
<h3 class="product"><actinic:variable formatting="font(Color|ff6600)" name="ProductName" /></h3>
<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%22IsProductReferenceVisible%22%20%2f%3e" >
<p>Ref: <actinic:variable name="ProductReference" /></p>
</actinic:block>
<h3 class="product_price">
<actinic:block if="%3cactinic%3avariable%20name%3d%22PriceIsEnabled%22%20%2f%3e" >
<Actinic:PRICES PROD_REF="<actinic:variable name="ProductID" />" RETAIL_PRICE_PROMPT="<actinic:variable name="ProductPriceDescription" />">
<actinic:variable name="PriceListRetail" />
</Actinic:PRICES>
</actinic:block><br>
<actinic:variable name="Quantity You Get" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20False" >
<Actinic:NOTINB2B><br /><actinic:variable name="ProductPriceNotEnabledMessage" /></Actinic:NOTINB2B>
</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>
</h3>
<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 -->
<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%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" />">
<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: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="<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: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>
<actinic:variable name="AttributeList" />
<actinic:variable name="ComponentList" />
</div>
<p>
<actinic:variable name="CartError" />
<actinic:variable name="ProductDescription" />
<actinic:variable name="ExtendedInformationLinks" />
<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%22DiscountDescriptionIsShownForProducts%22%20%2f%3e" >
<br /><actinic:variable value="Standard Discount List" name="DiscountList" />
</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="ProductAlsoBoughtList" />

<actinic:variable name="ProductRelatedProductsList" />
</p>
</div>

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

[Rich Brady]

I could be setting myself for a huge fall here, as I'm only begining to scratch the surface with Actinic, layouts and code. (Christ, put like that, what the hell am I doing building a Site?)

However, I have had a similar siuation (with regards to the free message text problem). I beleive it's to do with the image size and while I'm not suggesting this is the best or cleanest method I got around the problem by either

• Reducing the Image Height
• Entering through the first couple of lines in your description, prior to the "Free Message Text", to shift eveything down

Regards,

Rich

[peblaco]

That is one way of doing it. You could try a div around the area so it stays together.

P.S. Rich check your site in Firefox the header area is a bit messed up.

[Rich Brady]

That is one way of doing it.

I did say that it (I) wasn't the best or cleanest

Thanks for the Header Tip!

[wesleythorne]

hi, will be making some changes late today, will let you know how it goes.
Thanks
Wesley

[wesleythorne]

hi, tried the div but it did not make any diferance.
Link to page as below
http://www.littlesweetshop.co.uk/aca...sweet_box.html
all help many thanks