activematx
asked on
Modify Theme to Always Show Related Products
Hi Design Experts,
I have a question regarding which files I need to edit to achieve this look (see attached file).
I don't know where to begin on changing how my related products is currently being shown. Right now it is nested in a menu that changes when you click them. I want to pull out related products and have them always being shown at the bottom.
Here is the live version: http://www.hawaiipacificparks.org/store/index.php/tracing-the-past-at-honaunau.html
Which css, xml, or PHTML files will i need to edit? Is this a BIG job?
Example.gif
I have a question regarding which files I need to edit to achieve this look (see attached file).
I don't know where to begin on changing how my related products is currently being shown. Right now it is nested in a menu that changes when you click them. I want to pull out related products and have them always being shown at the bottom.
Here is the live version: http://www.hawaiipacificparks.org/store/index.php/tracing-the-past-at-honaunau.html
Which css, xml, or PHTML files will i need to edit? Is this a BIG job?
Example.gif
how do you display those images under "you also might like..."
I cannot locate those images :)
ASKER
The image i did above in Photoshop.
However in actual code it pulls the image from our website. I am using Magento (E-Commerce platform). Magento has a "related products" section and this theme chooses to nest them on the left. I want to un-nest them and have them always displayed. (It does not need to look like my photoshop-mock-up). Something similar is fine.
However in actual code it pulls the image from our website. I am using Magento (E-Commerce platform). Magento has a "related products" section and this theme chooses to nest them on the left. I want to un-nest them and have them always displayed. (It does not need to look like my photoshop-mock-up). Something similar is fine.
ASKER
There -- I just added that image to our related products section. You need to click on the "related products link on the left"
look for class names here:
<div class="box-collateral box-description">
<div class="page-title">
<div class="description">
<div class="std">...</div>
< --- here you need to add some codes ---->
</div>
</div>
</div>
in your codes...
<div class="box-collateral box-description">
<div class="page-title">
<div class="description">
<div class="std">...</div>
< --- here you need to add some codes ---->
</div>
</div>
</div>
in your codes...
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Thanks Miked2004!!!!
Just one last question.
I now know how to move the block where I want the upsell code to go. But where do I modify the actualy html?
I am guessing here. Is this the file i need to modify for the html?: "catalog/product/list/upse ll.phtml"
Just one last question.
I now know how to move the block where I want the upsell code to go. But where do I modify the actualy html?
I am guessing here. Is this the file i need to modify for the html?: "catalog/product/list/upse
Yes, You are correct. that is the file that controls the html.
You can tell by looking at the xml that sets up the block. See the template setting.
You can tell by looking at the xml that sets up the block. See the template setting.
<block type="catalog/product_list_upsell" name="product.info.upsell" as="upsell_products" template="catalog/product/list/upsell.phtml">