Some Help Needed to Position this Block...

[Nick20000]

hi.

 

I just installed the ContentBox module and I hooked to to the (Extra actions on the Product Page) (Right Column).

 

I made myself an information section for the product page which is displayed to the right of the products title. My only problem is how to display the Box like in my picture please take a look at the image I have added.

 

I want to position it correctly.

 

http://www.shopmost.co.uk

 

thank you.

Edited December 30, 2014 by Nick20000 (see edit history)

[Nick20000]

hi.

 

can anyone help me with this?

 

thank you.

[razaro]

Try following changes

product.css

line 148 change to 

#pb-left-column {
	float: left;
	margin-left: 50px;
	width: 600px;
}

line 154 to

#pb-left-column h1 {
	margin-bottom: 5px;
	margin-top: 2px;
	margin-left: 0;
	padding-left: 0;
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
	border: none;
	clear: both;
	float: left;
	width: 350px;
}

line 178 to

#pb-left-column #buy_block {
	margin-top: 6px;
	clear: left;
	float: left;
	width: 350px;
}

In table you are addin change styles to 

<table style="width: 201px; border: 1px solid #ebeced;float: right;margin-top: 15px;" border="1" align="right">

And last thing is to move in product.tpl

{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}

before 

	{if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}
	<!-- add to cart form-->
	<form id="buy_block"{if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0} 

[Nick20000]

 

Try following changes

product.css

line 148 change to 

#pb-left-column {
	float: left;
	margin-left: 50px;
	width: 600px;
}

line 154 to

#pb-left-column h1 {
	margin-bottom: 5px;
	margin-top: 2px;
	margin-left: 0;
	padding-left: 0;
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
	border: none;
	clear: both;
	float: left;
	width: 350px;
}

line 178 to

#pb-left-column #buy_block {
	margin-top: 6px;
	clear: left;
	float: left;
	width: 350px;
}

In table you are addin change styles to 

<table style="width: 201px; border: 1px solid #ebeced;float: right;margin-top: 15px;" border="1" align="right">

And last thing is to move in product.tpl

{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}

before 

	{if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)}
	<!-- add to cart form-->
	<form id="buy_block"{if $PS_CATALOG_MODE && !isset($groups) && $product->quantity > 0} 

Thank you so much. That worked great.