Our Magento store sells computers and peripherals. Peripherals compatible with a computer are listed using Magento 'Related Items'. Currently these items show as an unordered list .
Requirement is to order the list of related products based on type, each with it's own subheading. Each type has it's own attribute set, which can be used to arrange. So the related products list will be split into sections; Keyboards, Modems, Power Supplies etc. Each section will be limited to 5 related items.
Example here; [url removed, login to view] (a single column list suffices for us)
Each sections title in the list will be preceeded with the variable of the product name (e.g. HP Pavillion MODEMS). Each section will also have an anchor tag so we have the choice of adding links at the top of the list. Each section title will have a link next to the section title to view 'full list' (e.g. “See all HP Pavillion MODEMS”) - which would link to a new CMS page that shows ALL related items for that product (ordered as per above, but with no limits) The “all related products” list page will have a dynamic title (e.g. HP Pavillion PERIPHERALS).
For SEO purposes there will be a final CMS page, linked from the section titles on the all related products page. This too will have a dynamic title but show only related items for the product but only those matching a particular type (e.g. HP Pavillion MODEMS)
As per existing related products list the elements can use standard CSS formatting tags based on the existing site. The database is stock Magento 1.4.2.
1) Order related products by related product type with links & subheading for each type to new cms page.
2) New CMS page showing all related items for a partiular product (again, ordered by related product attribute set)
3) New CMS page showing related items of a specific attribute set (e.g. modems) for a particular product. (e.g. HP Pavillion PERIPHERALS).
4) Related items list will use the same as per existing – Photo, Title (also link), Short Desc, Add To Basket, Add To Wishlist, Compare. (e.g. HP Pavillion MODEMS)
A fairly simple job for an experienced developer with knowledge of Magento. We are a market leader in our profession. It is not expected that the developer will need access to the production box as the requirement will likely consists of modifying 1 or 2 files. We've already done half the work and are happy to work with the successful bidder in implementing the solution.
The requirement is urgent since a major competitor now has a similar feature which is impacting on our own SEO ranking.
The current phtml file that displays related items data as follows...
<h4><?php echo $this->__('The following accessories may interest you...') ?></h4>
<?php foreach ($this->getItems() as $_item): ?>
<a href="<?php echo $_item->getProductUrl() ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item, 'small_image')->resize(170) ?>" width="150" alt="<?php echo $this->htmlEscape($_item->getName()) ?> class="product-image" /></a>
<h5><a href="<?php echo $_item->getProductUrl() ?>"><?php echo $this->htmlEscape($_item->getName()) ?></a></h5>
<?php echo $this->getPriceHtml($_item, true) ?>
<button class="form-button" onclick="setLocation(<?php echo $this->getAddToCartUrl($_item) ?>) type="button"><span><?php echo $this->__('Add to Cart') ?></span></button><br/>
<?php if ($this->helper('wishlist')->isAllow()) : ?>
<small><a href="<?php echo $this->getAddToWishlistUrl($_item) ?> class="link-cart"><?php echo $this->__('Add to Wishlist') ?></a></small>
<?php endif; ?>
<?php if($_compareUrl=$this->getAddToCompareUrl($_item)): ?><br/>
<small><a href="<?php echo $_compareUrl ?>"><?php echo $this->__('Add to Compare') ?></a></small>
<?php endif; ?>
<?php endforeach; ?>