Pharmacy


Theme Introduction

Pharmacy is a versatile responsive Magento theme for eCommerce sites. Supporting all the latest versions of Magento CE including Magento 1.9, this eCommerce Magento theme ships with responsive web design, off-canvas menu and offers 5 bonus theme skins. You can read more about Pharmacy features here.

Layout and Block Positions

The layout of Pharmacy Homepage can be illustrated as follows.

  • Pharmacy home-layout

Accordingly, Pharmacy comes up with these following static blocks:

slideshow | banners | best-seller | sales | news | company | shop | support | home-menu | home-logo | mega-products | shipping-services | new-products | contact-map | contact-info |

Note:

To create new static blocks, read on here.

This section will guide you to configure your pages just as the Demo of Pharmacy.

I. Homepage

Detailed layout of Pharmacy Homepage:

  • Page configuration

To configure this page, in the Admin Panel, navigate to CMS >> Pages.

Create a new page named {Homepage} in Page Manapharmacyent section.

Copy and paste the following code into the Design field.

<reference name="tops1">
                <block type="cms/block" name="ub-kid-slideshow">
                  <action method="setBlockId"><block_id>ub-kid-slideshow</block_id></action>
                </block>
              </reference>
              <reference name="tops2">
                <block type="cms/block" name="ub-kid-banners">
                  <action method="setBlockId"><block_id>ub-kid-banners</block_id></action>
                </block>
              </reference>
              <reference name="tops3">
                <block type="joomlart_jmtabs/core" name="ub-kid-jmtabs">
                  <action method="addTabs_staticblock">
                    <title>New Products</title>
                    <identifier>ub-kid-new-products</identifier>
                  </action>
                  <action method="addTabs_staticblock">
                    <title>Bestsellers</title>
                    <identifier>ub-kid-best-seller</identifier>
                  </action>
                  <action method="addTabs_staticblock">
                      <title>Sales</title>
                      <identifier>ub-kid-sales</identifier>
                  </action>
                </block>  
              </reference>
              <reference name="bots1">
                <block type="cms/block" name="ub-kid-news">
                  <action method="setBlockId"><block_id>ub-kid-news</block_id></action>
                </block>
              </reference>

II. 404 Page

To configure this page, in the Admin Panel, navigate to CMS >> Pages, select 404 Not Found 1 page to edit the following settings.

Copy and paste the following code into the Content field.

<div class="no-route-page"><dl><dt>The page you requested was not found, and we have a fine guess why.</dt><dd>
<ul class="disc">
<li>If you typed the URL directly, please make sure the spelling is correct.</li>
<li>If you clicked on a link to get here, the link is outdated.</li>
</ul>
<p>&nbsp;</p>
<ul class="disc">
<li><a onclick="history.go(-1); return false;" href="#">Go back</a> to the previous page.</li>
<li>Use the search bar at the top of the page to search for your products.</li>
<li>Follow these links to get you back on track!<br /><a href="{{store url=""}}">Store Home</a> <span class="separator">|</span> <a href="{{store url="customer/account"}}">My Account</a></li>
</ul>
</dd></dl></div>

Front-end Appearance:

404 configuration

1. ub-pharmacy-banners: UB Pharmacy -- Top Products

Back-end Settings

<div class="top-products">
<div class="main col1-set clearfix">
<div class="inner clearfix">{{block type="joomlart_jmproducts/list" name="home.jmproducts.list" title="Popular products" mode="latest" quanlityperpage="7" perrow="7" width="100" height="100" catsid="17" }}</div>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

2. ub-pharmacy-news: UB Pharmacy -- Knowing What’s Happening is Good. Making it Happen is Better.

Back-end Settings

<div class="news">
<div class="main col1-set clearfix">
<div class="inner clearfix">
<div class="lead-news">
<h3 class="lead-news-title">New &amp; event</h3>
<h3>Knowing What's Happening is Good.<br />Making it Happen is Better.</h3>
<img alt="Best Google Nexus 6 Cases and Covers" src="{{media url="wysiwyg/pharmacy/news.png"}}" />
<h3 class="news-title"><a href="#">The Collection 2015</a></h3>
<p class="desc">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh uismod incidunt ut laoreet dolore magna liquam. Duis aute irure dolor in lorem reprehend erit.</p>
<p class="date-time">Sep 23, 2014</p>
</div>
<div class="list-news">
<h3 class="popular-product-title">popular product</h3>
{{block type="joomlart_jmproducts/list" name="home.jmproducts.list" title="Popular products" mode="latest" quanlityperpage="3" perrow="1" width="90" height="90" catsid="23" template="joomlart/jmproducts/list-popular.phtml"}}</div>
</div>
</div>
</div>
<div class="instagram">
<ul>
<li class="free-shipping"><span class="icon-free">&nbsp;</span>
<h3>FREE Shipping</h3>
<p>Duscate arure magna oncumsan eras <br />maleasit onuris fermen.</p>
</li>
<li class="saving-money"><span class="icon-money">&nbsp;</span>
<h3>Saving money</h3>
<p>Meuctus aloecase magna oncumsan <br />eras maleasit onuris fermen.</p>
</li>
<li class="support-customer"><span class="icon-support">&nbsp;</span>
<h3>support customer</h3>
<p>Lorem ipsum dolor sit amet, <br />consectetuer adipiscing elit, sed diam.</p>
</li>
</ul>
</div>
<div class="brands">
<div class="main col1-set clearfix">
<div class="inner clearfix">
<ul>
<li class="first"><a title="UberTheme" href="#"><img alt="UberTheme" src="{{media url="wysiwyg/pharmacy/brands/brand01.jpg"}}" /></a></li>
<li><a title="UberTheme" href="#"><img alt="UberTheme" src="{{media url="wysiwyg/pharmacy/brands/brand02.jpg"}}" /></a></li>
<li><a title="UberTheme" href="#"><img alt="UberTheme" src="{{media url="wysiwyg/pharmacy/brands/brand03.jpg"}}" /></a></li>
<li><a title="UberTheme" href="#"><img alt="UberTheme" src="{{media url="wysiwyg/pharmacy/brands/brand04.jpg"}}" /></a></li>
<li><a title="UberTheme" href="#"><img alt="UberTheme" src="{{media url="wysiwyg/pharmacy/brands/brand05.jpg"}}" /></a></li>
<li class="last"><a title="UberTheme" href="#"><img alt="UberTheme" src="{{media url="wysiwyg/pharmacy/brands/brand06.jpg"}}" /></a></li>
</ul>
</div>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

3. ub-pharmacy-slideshow: UB Pharmacy -- Slideshow

Back-end Settings

<div class="jm-home-slideshow">
<div class="slide-left"><img class="slide01" alt="UberTheme" src="{{media url="wysiwyg/pharmacy/banner-01.jpg"}}" /><img class="slide02" alt="UberTheme" src="{{media url="wysiwyg/pharmacy/banner-02.jpg"}}" /></div>
<div class="slide-right">{{block type="joomlart_jmslideshow/list" name="home.jmslideshow.list" folder="media/jmslideshow/pharmacy" animation="fade" mainWidth="880" mainHeight="600" duration="500" autoPlay="1" thumbType="number"  thumbItems="5" thumbWidth="10" thumbHeight="10" thumbSpaces="5:5:5:5" thumbDirection="horizontal" thumbPosition="bottom" thumbTrigger="click" controlBox="0" navButtons="1" showDesc="desc" descTrigger="always" maskWidth="300" maskHeight="200" maskAnim="fade" maskOpacity="0.8" maskPosition="bl" readMoreText="More Info" showProgress="1" description='[desc img="slide01.jpg" url="" title="slide01.jpg" target="_self"]<div class="slidecontent"><h3>for your perfect healthy</h3><p>Lorem ipsum dolor sit amet, consectetuer </p></div>[/desc][desc img="slide02.jpg" url="" title="slide02.jpg" target="_self"]<div class="slidecontent"><h3>for your perfect healthy</h3><p>Lorem ipsum dolor sit amet, consectetuer </p></div>[/desc]'}}</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

4. ub-pharmacy-location: UB Pharmacy -- Location Store

Back-end Settings

<div class="block block-location">
<div class="block-title"><strong><span>location</span></strong></div>
<div class="block-content">
<ul>
<li>Sulte 200 , 102 Reservolr Street</li>
<li>Surry Hills 2015</li>
<li>18000857879</li>
<li class="maps"><a href="#">Google Maps</a></li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

5. ub-pharmacy-office: UB Pharmacy -- Office Store

Back-end Settings

<div class="block block-office">
<div class="block-title"><strong><span>office</span></strong></div>
<div class="block-content">
<ul>
<li>86-90 Paul Street London</li>
<li>EC2 3NE</li>
<li>+ 44 203 322 7003</li>
<li class="maps"><a href="#">Google Maps</a></li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

6. ub-market-pharmacy: UB Market -- Phamacy

Back-end Settings

<div class="pharmacy-slider">{{block type="joomlart_jmproductslider/list" name="new.jmproductsslider.list" height="215" width="215"  mode="latest" category_ids="17" quality="5" show_price="1" show_desc="0" show_cart="1" show_read_more="0" single_item="0" number_items="3" number_items_desktop="3" number_items_desktop_small="3" number_items_tablet="3" number_items_mobile="1" auto_run="1" slide_speed="200" stop_on_hover="1" show_navigation="1" show_paging="1" enable_lazyload="0"}}</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

7. ub-pharmacy-contact-info: UB Pharmacy -- Contact Info

Back-end Settings

<div class="contactInfo">
<div class="information">
<h3>Information</h3>
<ul>
<li class="address">Address: 123 Main st. Los Angeles, CA, 90012, U.S.A</li>
<li class="phone">Phone: (315) 451 7777</li>
<li class="fax">Fax: (315) 451 7777</li>
<li class="email">Email: info@ubertheme.com</li>
<li></li>
</ul>
</div>
<div class="bussines-hours">
<h3>Bussines hours</h3>
<ul>
<li>Monday - Friday : 9 am to 21 pm</li>
<li>Saturday : 9 am to 17 pm</li>
<li>Sunday : Day off</li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

8. ub-pharmacy-contact-map: UB Pharmacy -- Contact Maps

Back-end Settings

<div class="contact-map"><img alt="" src="{{media url="wysiwyg/contact-map.jpg"}}" /></div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

9. ub-pharmacy-new-products: UB Pharmacy -- New Products

Back-end Settings

<div class="new-products-slider">{{block type="joomlart_jmproductslider/list" name="new.jmproductsslider.list" height="215" width="215"  mode="latest" category_ids="17" quality="6" show_price="1" show_desc="0" show_cart="1" show_read_more="0" single_item="0" number_items="4" number_items_desktop="3" number_items_desktop_small="3" number_items_tablet="2" number_items_mobile="1" auto_run="1" slide_speed="200" stop_on_hover="1" show_navigation="1" show_paging="1" enable_lazyload="0"}}</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

11. ub-pharmacy-shipping-services: UB Pharmacy -- Shipping services

Back-end Settings

<div class="shipping-services"><span class="free">FREE WORLDWIDE SHIPPING on orders over $100</span><a class="more" href="#"><span>More</span></a></div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

12. ub-pharmacy-mega-products: UB Pharmacy -- Mega Product

Back-end Settings

<div class="mega-jmproducts">{{block type="joomlart_jmproducts/list" name="mega.jmproducts.two" template="joomlart/jmproducts/oneproduct.phtml" quanlity="1" width="220" height="220" quanlitytable="1"}}</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

13. ub-pharmacy-home-logo: UB Pharmacy -- Home logo

Back-end Settings

<h1 id="logo"><a style="background-image: url('{{skin url="images/logo.png"}}');" title="Magento Commerce" href="#">TechZone</a></h1>

Front-end Appearance:

14. ub-pharmacy-support: UB Pharmacy -- Support

Back-end Settings

<div class="block block-support">
<div class="block-title"><strong><span>Support</span></strong></div>
<div class="block-content">
<ul>
<li><a href="{{store direct_url=""}}customer/account/login/">Log In</a></li>
<li><a href="{{store direct_url=""}}about-us">Help</a></li>
<li><a href="{{store direct_url=""}}contacts">Contact Us</a></li>
<li><a href="{{store direct_url=""}}customer-service">Get Started</a></li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

15. ub-pharmacy-support: UB Pharmacy -- Support

Back-end Settings

<div class="block block-support">
<div class="block-title"><strong><span>Support</span></strong></div>
<div class="block-content">
<ul>
<li><a href="{{store direct_url=""}}customer/account/login/">Log In</a></li>
<li><a href="{{store direct_url=""}}about-us">Help</a></li>
<li><a href="{{store direct_url=""}}contacts">Contact Us</a></li>
<li><a href="{{store direct_url=""}}customer-service">Get Started</a></li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

16. ub-pharmacy-shop: UB Pharmacy -- Shop

Back-end Settings

<div class="block block-shop">
<div class="block-title"><strong><span>Shop</span></strong></div>
<div class="block-content">
<ul>
<li><a href="{{store direct_url=""}}catalogsearch/term/popular/">Pre-Order Now</a></li>
<li><a href="{{store direct_url=""}}sales/guest/form/">Returns</a></li>
<li><a href="{{store direct_url=""}}catalog/seo_sitemap/category/">Site Map</a></li>
<li><a href="{{store direct_url=""}}sales/order/history/">Track My Orders</a></li>
<li><a href="{{store direct_url=""}}catalogsearch/advanced/">Advanced Seach</a></li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

17. ub-pharmacy-company: UB Pharmacy -- Company

Back-end Settings

<div class="block block-company">
<div class="block-title"><strong><span>Company</span></strong></div>
<div class="block-content">
<ul>
<li><a href="{{store direct_url=""}}about-us">Info</a></li>
<li><a href="{{store direct_url=""}}customer-service">Careers</a></li>
<li><a href="{{store direct_url=""}}catalog/seo_sitemap/category/">Blog</a></li>
<li><a href="{{store direct_url=""}}privacy-policy">Privacy</a></li>
<li><a href="{{store direct_url=""}}catalogsearch/term/popular/">Terms</a></li>
</ul>
</div>
</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

18. ub-pharmacy-sales: UB Pharmacy -- Sales

Back-end Settings

<div class="sales-products-slider">{{block type="joomlart_jmproductslider/list" name="new.jmproductsslider.list" height="215" width="215"  mode="latest" category_ids="17" quality="6" show_price="1" show_desc="0" show_cart="1" show_read_more="0" single_item="0" number_items="4" number_items_desktop="3" number_items_desktop_small="3" number_items_tablet="2" number_items_mobile="1" auto_run="1" slide_speed="200" stop_on_hover="1" show_navigation="1" show_paging="1" enable_lazyload="0"}}</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

19. ub-pharmacy-best-seller: UB Pharmacy -- Best Seller

Back-end Settings

<div class="best-seller-products-slider">{{block type="joomlart_jmproductslider/list" name="new.jmproductsslider.list" height="215" width="215"  mode="latest" category_ids="17" quality="6" show_price="1" show_desc="0" show_cart="1" show_read_more="0" single_item="0" number_items="4" number_items_desktop="3" number_items_desktop_small="3" number_items_tablet="2" number_items_mobile="1" auto_run="1" slide_speed="200" stop_on_hover="1" show_navigation="1" show_paging="1" enable_lazyload="0"}}</div>

Front-end Appearance:

Pharmacy Documentation: Static Block Configuration

Pharmacy supports Magento extenstion Mega Menu. Follow the guide below to get it configured properly.

In the Magento Admin Panel, navigate Mega Menu >> Manage Menu Groups.

You need to create a Menu group first, each for one store language view. Once done, select the store language view that you want to create a menu and click “Add Menu Item” button to define the menu items. The default settings belong to English group. Other language groups have similar settings for menu items.

New Arrivals Menu

Front-end Appearance:

Note:

Other menu items do have the same settings with the items above.

New Arrivals Menu -- Home English group

Front-end Appearance:

Note:

Other menu items do have the same settings with the items above.