How to move related products from left to main column bottom?

Hi,

Can you please tell me how to move the recently viewed products from left column to center/main column? Can it also be styled the same way as the latest product like the homepage. Please see attached screenshot.

Thank you.

4 answers

Profile photo of Sherlock 0.00 $tone March 20, 2013
Public

Hi vertex,

To move that block from left the the content section you can try as following
Copy the layout file of app\design\frontend\base\default\layoutreports.xm l to the folder app\design\frontend\default\jm_asenti\layout , open the copied file you would see this block tag

HTML Code:

 <block type="reports/product_viewed" before="right.permanent.callout" name="right.reports.product.viewed" template="reports/product_viewed.phtml" />

You can remove the block tag there to get rid of it from the left col
To add the block to the main content of your homepage you just go to edit your Home Cms page in your back-end, there Click at the Design tab on the left side you would see this tag in the field of Layout update xml

HTML Code:

         <reference name="content-top">
        <block type="joomlart_jmtabs/core" name="jmtabs">
		<action method="addTabs_staticblock">
			<title>Today's special</title>
			<identifier>tab-01</identifier>
		</action>
		<action method="addTabs_staticblock">
			<title>Most wanted</title>
			<identifier>tab-02</identifier>
		</action>
	</block>
</reference>

Just put right below it this new tag

HTML Code:

 <reference name="content">
       <block type="reports/product_viewed" before="right.permanent.callout" name="right.reports.product.viewed" template="reports/product_viewed.phtml" />
</reference>

Hope you got the ideal !

#2
Profile photo of Alice Ching 0.00 $tone March 21, 2013
Public

HI, I was able to delete the block from left column but adding to the home page cms design did not work. Instead I copied the code to catalog.xml.

I was able to make recently viewed items show up in product view page but it only have list of product names. There are no thumbnail and no price. How do I edit the layout of the recently viewed products?

Thanks.

#3
Profile photo of Sherlock 0.00 $tone March 22, 2013
Public

Hi vertex615,

Go to the folder app\design\frontend\default\jm_asentitemplaterep orts you create a new template file there, for example name it product_viewedhome.phtml, you put into this file the content of the product_viewed.phtml file from the same folder
You replace the above layout tag

HTML Code:

 <reference name="content">
       <block type="reports/product_viewed" before="right.permanent.callout" name="right.reports.product.viewed" template="reports/product_viewed.phtml" />
</reference>

by this

HTML Code:

 <reference name="content">
       <block type="reports/product_viewed"  name="right.reports.product.viewedhome" template="reports/product_viewedhome.phtml" />
</reference>

Finally you can open that new file app\design\frontend\default\jm_asentitemplaterep orts\product_viewedhome.phtml to edit the layout of the recently viewed products block on the main section.

#4

Please login or Register to Submit Answer

Written By

Comments