In the Easyshop demo page I have seen the landing pages for categories and I do like them. I can get them to appear on my nav bar BUT I can not figure out how to configure the links inside the images. I would like to have links there to the most viewed products in the category in question.
My site is http://www.gadgetsbaratos.es
Thanks,
Iain
3 answers
Welcome back Iain!
In our demo this is a category which use landing page:
http://magento-themes.joomlart.com/j…ectronics.html
To create it please do the following:
1. Login to admin then go to CMS -> Static blocks and create new block.
2. Fill the fields as below:
-- Block Title *: Electronics Landing
-- Identifier *: electronics-landing
-- Status *: Enable
-- Content *:
Code:
<div class="left" style="width: 284px; margin-right: 25px;">
<h3 style="margin-bottom: 0;"><a href="{{store direct_url="electronics/cell-phones.html"}}"><img style="display: block; border: 0;" src="{{skin url='images/media/head_electronics_cellphones.gif}}" alt="Cell Phones" /></a></h3>
<a href="{{store direct_url="electronics/cell-phones.html"}}">
<p><img usemap="#Map" src="{{skin url='images/media/electronics_cellphones.jpg}}" border="0" alt="" /></p>
</a></div>
<p><a href="{{store direct_url="electronics/cell-phones.html"}}"> </a></p>
<div class="left" style="width: 284px;"><a href="{{store direct_url="electronics/cell-phones.html"}}"> </a>
<h3 style="margin-bottom: 0;"><a href="{{store direct_url="electronics/cell-phones.html"}}"></a><a href="{{store direct_url="electronics/cameras/digital-cameras.html"}}"><img style="display: block; border: 0;" src="{{skin url='images/media/head_electronics_digicamera.gif}}" alt="Digital Cameras" /></a></h3>
<p><img usemap="#Map2" src="{{skin url='images/media/electronics_digitalcameras.jpg}}" border="0" alt="" /></p>
</div>
<div class="right" style="width: 284px;">
<h3 style="margin-bottom: 0;"><a href="{{store direct_url="electronics/computers/laptops.html"}}"><img style="display: block; border: 0;" src="{{skin url='images/media/head_electronics_laptops.gif}}" alt="Laptops" /></a></h3>
<p><img usemap="#Map3" src="{{skin url='images/media/electronics_laptops.jpg}}" border="0" alt="" /></p>
</div>
<p>
<map name="Map">
<area shape="rect" coords="14,154,78,182" href="{{store direct_url=" />
<area shape="rect" coords="12,177,80,209" href="{{store direct_url=" />
<area shape="rect" coords="104,158,167,181" href="{{store direct_url=" />
<area shape="rect" coords="103,181,179,208" href="{{store direct_url=" />
<area shape="rect" coords="16,203,273,432" href="{{store direct_url=" />
</map>
<map name="Map2">
<area shape="rect" coords="14,152,75,179" href="{{store direct_url=" />
<area shape="rect" coords="109,154,163,183" href="{{store direct_url=" />
<area shape="rect" coords="14,177,73,208" href="{{store direct_url=" />
<area shape="rect" coords="106,180,177,211" href="{{store direct_url=" />
</map>
<map name="Map3">
<area shape="rect" coords="15,155,58,179" href="{{store direct_url=" />
<area shape="rect" coords="114,152,159,180" href="{{store direct_url=" />
<area shape="rect" coords="13,178,67,205" href="{{store direct_url=" />
<area shape="rect" coords="114,180,178,205" href="{{store direct_url=" />
<area shape="rect" coords="13,310,154,434" href="{{store direct_url=" />
<area shape="rect" coords="167,310,279,440" href="{{store direct_url=" />
</map>
</p>
3. Go to catalog -> manage categories and edit a category.
4. In "display setting" tab when you edit a category Please fill the fields as below:
-- Display Mode: static block only
-- CMS Block: Electronics Landing.
Hope this easy for reading and understanding for you, please tell me if you need more helps. Thank you.
Hi all,
Many thanks for your follow up. However, I had got to this stage. I can make the landing pages, what I really am unsure is how to configure the best selling items you have in the demo. For example, you can click on a brand name on your page and it takes you to the best selling brand of that category. I’d like to do something like that.
Is it something to do with this code?
map name="Map">
<area shape="rect" coords="14,154,78,182" href="{{store direct_url=" />
<area shape="rect" coords="12,177,80,209" href="{{store direct_url=" />
<area shape="rect" coords="104,158,167,181" href="{{store direct_url=" />
<area shape="rect" coords="103,181,179,208" href="{{store direct_url=" />
<area shape="rect" coords="16,203,273,432" href="{{store direct_url=" />
</map>
And if not what is this for?
Thanks for all your help, my store is doing well!
Iain
Welcome back Iain!
In our demo this is a category which use landing page:
http://magento-themes.joomlart.com/j…ectronics.html
To create it please do the following:
1. Login to admin then go to CMS -> Static blocks and create new block.
2. Fill the fields as below:
-- Block Title *: Electronics Landing
-- Identifier *: electronics-landing
-- Status *: Enable
-- Content *:Code:
<div class="left" style="width: 284px; margin-right: 25px;"> <h3 style="margin-bottom: 0;"><a href="{{store direct_url="electronics/cell-phones.html"}}"><img style="display: block; border: 0;" src="{{skin url='images/media/head_electronics_cellphones.gif}}" alt="Cell Phones" /></a></h3> <a href="{{store direct_url="electronics/cell-phones.html"}}"> <p><img usemap="#Map" src="{{skin url='images/media/electronics_cellphones.jpg}}" border="0" alt="" /></p> </a></div> <p><a href="{{store direct_url="electronics/cell-phones.html"}}"> </a></p> <div class="left" style="width: 284px;"><a href="{{store direct_url="electronics/cell-phones.html"}}"> </a> <h3 style="margin-bottom: 0;"><a href="{{store direct_url="electronics/cell-phones.html"}}"></a><a href="{{store direct_url="electronics/cameras/digital-cameras.html"}}"><img style="display: block; border: 0;" src="{{skin url='images/media/head_electronics_digicamera.gif}}" alt="Digital Cameras" /></a></h3> <p><img usemap="#Map2" src="{{skin url='images/media/electronics_digitalcameras.jpg}}" border="0" alt="" /></p> </div> <div class="right" style="width: 284px;"> <h3 style="margin-bottom: 0;"><a href="{{store direct_url="electronics/computers/laptops.html"}}"><img style="display: block; border: 0;" src="{{skin url='images/media/head_electronics_laptops.gif}}" alt="Laptops" /></a></h3> <p><img usemap="#Map3" src="{{skin url='images/media/electronics_laptops.jpg}}" border="0" alt="" /></p> </div> <p> <map name="Map"> <area shape="rect" coords="14,154,78,182" href="{{store direct_url=" /> <area shape="rect" coords="12,177,80,209" href="{{store direct_url=" /> <area shape="rect" coords="104,158,167,181" href="{{store direct_url=" /> <area shape="rect" coords="103,181,179,208" href="{{store direct_url=" /> <area shape="rect" coords="16,203,273,432" href="{{store direct_url=" /> </map> <map name="Map2"> <area shape="rect" coords="14,152,75,179" href="{{store direct_url=" /> <area shape="rect" coords="109,154,163,183" href="{{store direct_url=" /> <area shape="rect" coords="14,177,73,208" href="{{store direct_url=" /> <area shape="rect" coords="106,180,177,211" href="{{store direct_url=" /> </map> <map name="Map3"> <area shape="rect" coords="15,155,58,179" href="{{store direct_url=" /> <area shape="rect" coords="114,152,159,180" href="{{store direct_url=" /> <area shape="rect" coords="13,178,67,205" href="{{store direct_url=" /> <area shape="rect" coords="114,180,178,205" href="{{store direct_url=" /> <area shape="rect" coords="13,310,154,434" href="{{store direct_url=" /> <area shape="rect" coords="167,310,279,440" href="{{store direct_url=" /> </map> </p>3. Go to catalog -> manage categories and edit a category.
4. In "display setting" tab when you edit a category Please fill the fields as below:
-- Display Mode: static block only
-- CMS Block: Electronics Landing.Hope this easy for reading and understanding for you, please tell me if you need more helps. Thank you.
Hi Iain!
Please don’t care much about these code:
map name="Map">
<area shape="rect" coords="14,154,78,182" href="{{store direct_url=" />
<area shape="rect" coords="12,177,80,209" href="{{store direct_url=" />
<area shape="rect" coords="104,158,167,181" href="{{store direct_url=" />
<area shape="rect" coords="103,181,179,208" href="{{store direct_url=" />
<area shape="rect" coords="16,203,273,432" href="{{store direct_url=" />
</map>
that is for the demo. About best selling, please give me a screenshot. Thank you.
