Virtina_Topnavigation - Version 0.0.2

Version Notes

From our experience with stores using Magento, we all wished to customize our default menu and embed it with rich media elements including images, videos and banners. But there was no effective way to organize navigation options that capture user attention. Here Virtina brings you 'Top Navigation Menu' extension that allows you to create beautiful horizontal top menu with easy customization. This extension provides you convenient way of showing contents like URLs, Product grids, Category listing and widget contents on top menu.

Download this release

Release Info

Developer Virtina
Extension Virtina_Topnavigation
Version 0.0.2
Comparing to
See all releases


Code changes from version 0.0.1 to 0.0.2

Files changed (8) hide show
  1. app/code/community/Virtina/Topnavigation/etc/config.xml +1 -1
  2. app/code/community/Virtina/Topnavigation/sql/topnavigation_setup/mysql4-upgrade-0.0.1-0.1.0.php +18 -0
  3. app/design/frontend/rwd/default/layout/topnavigation.xml +1 -0
  4. app/design/frontend/rwd/default/template/topnavigation/topnavigation.phtml +0 -9
  5. package.xml +4 -4
  6. skin/frontend/rwd/default/css/topnavigation/flyout.css +0 -41
  7. skin/frontend/rwd/default/css/topnavigation/topnav.css +62 -53
  8. skin/frontend/rwd/default/js/topnavigation/button.js +22 -0
app/code/community/Virtina/Topnavigation/etc/config.xml CHANGED
@@ -10,7 +10,7 @@
10
  <config>
11
  <modules>
12
  <Virtina_Topnavigation>
13
- <version>0.0.1</version>
14
  </Virtina_Topnavigation>
15
  </modules>
16
  <frontend>
10
  <config>
11
  <modules>
12
  <Virtina_Topnavigation>
13
+ <version>0.1.0</version>
14
  </Virtina_Topnavigation>
15
  </modules>
16
  <frontend>
app/code/community/Virtina/Topnavigation/sql/topnavigation_setup/mysql4-upgrade-0.0.1-0.1.0.php ADDED
@@ -0,0 +1,18 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Virtina
4
+ * @package Virtina_Topnavigation
5
+ * @copyright Copyright (c) 2015-2016 Virtina. (http://www.virtina.com)
6
+ * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
7
+ */
8
+ $installer = $this;
9
+
10
+ $installer->startSetup();
11
+
12
+ $installer->run("
13
+
14
+ ALTER TABLE {$this->getTable('topnavigation')} MODIFY `category_ids` TEXT NOT NULL;
15
+
16
+ ");
17
+
18
+ $installer->endSetup();
app/design/frontend/rwd/default/layout/topnavigation.xml CHANGED
@@ -12,6 +12,7 @@
12
  <reference name="head">
13
  <action method="addItem" ifconfig="topnavigation/general/include_jquery"><type>skin_js</type><script>js/topnavigation/jquery/jquery-1.10.2.min.js</script></action>
14
  <action method="addItem" ifconfig="topnavigation/general/include_jquery"><type>skin_js</type><script>js/topnavigation/jquery/noconflict.js</script></action>
 
15
  <action method="addCss"><stylesheet>css/topnavigation/styles.css</stylesheet></action>
16
  <action method="addCss"><stylesheet>css/topnavigation/flyout.css</stylesheet></action>
17
  <action method="addCss" ifconfig="topnavigation/general/topmenu"><stylesheet>css/topnavigation/topnav.css</stylesheet></action>
12
  <reference name="head">
13
  <action method="addItem" ifconfig="topnavigation/general/include_jquery"><type>skin_js</type><script>js/topnavigation/jquery/jquery-1.10.2.min.js</script></action>
14
  <action method="addItem" ifconfig="topnavigation/general/include_jquery"><type>skin_js</type><script>js/topnavigation/jquery/noconflict.js</script></action>
15
+ <action method="addItem"><type>skin_js</type><script>js/topnavigation/button.js</script></action>
16
  <action method="addCss"><stylesheet>css/topnavigation/styles.css</stylesheet></action>
17
  <action method="addCss"><stylesheet>css/topnavigation/flyout.css</stylesheet></action>
18
  <action method="addCss" ifconfig="topnavigation/general/topmenu"><stylesheet>css/topnavigation/topnav.css</stylesheet></action>
app/design/frontend/rwd/default/template/topnavigation/topnavigation.phtml CHANGED
@@ -106,13 +106,4 @@
106
  </ul>
107
  </div>
108
 
109
- <!-- Mobile View -->
110
- <?php $_menu = $this->getHtml('level-top') ?>
111
- <?php if($_menu): ?>
112
- <nav id="nav" class="mobile-nav">
113
- <ol class="nav-primary">
114
- <?php echo $_menu ?>
115
- </ol>
116
- </nav>
117
- <?php endif ?>
118
  <?php endif ?>
106
  </ul>
107
  </div>
108
 
 
 
 
 
 
 
 
 
 
109
  <?php endif ?>
package.xml CHANGED
@@ -1,7 +1,7 @@
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>Virtina_Topnavigation</name>
4
- <version>0.0.1</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/osl-3.0.php">OSL 3.0</license>
7
  <channel>community</channel>
@@ -10,9 +10,9 @@
10
  <description>From our experience with stores using Magento, we all wished to customize our default menu and embed it with rich media elements including images, videos and banners. But there was no effective way to organize navigation options that capture user attention. Here Virtina brings you 'Top Navigation Menu' extension that allows you to create beautiful horizontal top menu with easy customization. This extension provides you convenient way of showing contents like URLs, Product grids, Category listing and widget contents on top menu.</description>
11
  <notes>From our experience with stores using Magento, we all wished to customize our default menu and embed it with rich media elements including images, videos and banners. But there was no effective way to organize navigation options that capture user attention. Here Virtina brings you 'Top Navigation Menu' extension that allows you to create beautiful horizontal top menu with easy customization. This extension provides you convenient way of showing contents like URLs, Product grids, Category listing and widget contents on top menu.</notes>
12
  <authors><author><name>Virtina</name><user>Virtina</user><email>gigijk@virtina.com</email></author></authors>
13
- <date>2016-09-08</date>
14
- <time>06:08:08</time>
15
- <contents><target name="magecommunity"><dir name="Virtina"><dir name="Topnavigation"><dir name="Block"><dir name="Adminhtml"><dir name="Topnavigation"><dir name="Chooser"><file name="Categories.php" hash="2c1ae807b70008a52abd98d80af0f0b3"/><file name="Entityid.php" hash="71a8692bb95f70a953018b301312678b"/></dir><dir name="Edit"><file name="Form.php" hash="d4177861aff95bbe7fc6e24f1427b43e"/><dir name="Tab"><file name="Content.php" hash="bc88d8e77278a04a7c050db0a39fa8fa"/><file name="Form.php" hash="5261f091300f279ccc99843dfdbf3ae5"/></dir><file name="Tabs.php" hash="7061e0818307378b2d4a0fb22b01896e"/></dir><file name="Edit.php" hash="f9383923722cb1dd9a2d3d4916874d78"/><file name="Grid.php" hash="29d96b65674891d87c1b9c59dd142ae4"/><file name="Topnavigation.php" hash="524c5d283cd15ac4bb1543dc04500628"/></dir><file name="Topnavigation.php" hash="dd0f81c562de4b72ea6bf26112890a29"/></dir><file name="Categorysidebar.php" hash="e6fbc7630e375481b0c6e90f1847b9eb"/><file name="Compared.php" hash="4357d2e8bb8dc09503a571c86335c494"/><file name="New.php" hash="3859ae5d869ee489df55b0b32987ee0d"/><file name="Topnavigation.php" hash="f1034536cefc339b369f1ac7be0643c7"/><file name="Viewed.php" hash="87eef50f26f718e2ff7189daff413cae"/></dir><dir name="Helper"><file name="Data.php" hash="5fa3c71e09dabb67490989edea5e6c5f"/></dir><dir name="Model"><dir name="Mysql4"><dir name="Topnavigation"><file name="Collection.php" hash="ce105f93f64c39eafbbdce7de9ffb497"/></dir><file name="Topnavigation.php" hash="3f687a1ca7918ebe24defb2996d12c45"/></dir><file name="Status.php" hash="67926de0f075fcaaa20691c542bedc02"/><file name="Topnavigation.php" hash="aef47c85134137dab61b1aa65dc52225"/></dir><dir name="controllers"><dir name="Adminhtml"><file name="TopnavigationController.php" hash="5a7d4deb776f9eb454a927221ac90ae7"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="be6e19dd55bc76547c850443cf1fbbc5"/><file name="config.xml" hash="be3285f0424ccef4a33599b0df1cd6cb"/><file name="system.xml" hash="836702c29e9ea7d4598f37b51ef599ba"/><file name="widget.xml" hash="e396286bdcbb5b26f2432c2b18447648"/></dir><dir name="sql"><dir name="topnavigation_setup"><file name="mysql4-install-0.0.1.php" hash="a30695fa1d4ad43cd01bfbae88d99933"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Virtina_Topnavigation.xml" hash="651b7a6e41c37a62fd5365fea0847b6b"/></dir></target><target name="magemedia"><dir name="catalog"><dir name="category"><file name="default.png" hash="ee5134a2a4bbbe30c34632a8c9fdf254"/></dir></dir></target><target name="mageweb"><dir name="js"><dir name="topnavigation"><file name="selector.js" hash="e34fc8ccbff6857aa1d74b7fbbed57ad"/></dir></dir></target><target name="mageskin"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="js"><dir name="topnavigation"><dir name="jquery"><file name="jquery-1.10.2.min.js" hash="460fec71e8a4eb9039201dfd559ffcba"/><file name="noconflict.js" hash="2a9623e2d0a751e72627b6e0fbe7949b"/></dir></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="topnavigation"><file name="flyout.css" hash="b440291d55b22d949081cc3f3abd2ce2"/><dir name="images"><file name="arrow.png" hash="e8e9d70926d376f3648b9774bc7ca5aa"/><file name="left-arrow.png" hash="75c762ce57f2553507f442b947d0f250"/></dir><file name="styles.css" hash="7541ad8749e9378ae16ad9e545d8fdb0"/><file name="topnav.css" hash="c8574cf61e4cf192d1da3d5d782ecdc3"/></dir></dir><dir name="js"><dir name="topnavigation"><dir name="jquery"><file name="jquery-1.10.2.min.js" hash="923dea4dd1fbd4f9baf205bbf95efb3e"/><file name="noconflict.js" hash="2a9623e2d0a751e72627b6e0fbe7949b"/></dir></dir></dir></dir></dir><dir name="rwd"><dir name="default"><dir name="css"><dir name="topnavigation"><file name="flyout.css" hash="360bab1455052beaf8d722f646881534"/><dir name="images"><file name="arrow.png" hash="e8e9d70926d376f3648b9774bc7ca5aa"/><file name="left-arrow.png" hash="75c762ce57f2553507f442b947d0f250"/></dir><file name="styles.css" hash="82ece2585e853e0fbc38c173de8aebb0"/><file name="topnav.css" hash="29a5a2797f3fe4a15dd275c885097691"/></dir></dir><dir name="js"><dir name="topnavigation"><dir name="jquery"><file name="jquery-1.10.2.min.js" hash="923dea4dd1fbd4f9baf205bbf95efb3e"/><file name="noconflict.js" hash="2a9623e2d0a751e72627b6e0fbe7949b"/></dir></dir></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><file name="topnavigation.xml" hash="0311f36db27c80e536ef5e453b1a5aeb"/></dir><dir name="template"><dir name="topnavigation"><file name="compared_grid.phtml" hash="0e6af4b1fc64df72012b3ffa3ae80083"/><file name="new_grid.phtml" hash="c56b7d722e0b4c8a265fc7dbd7961ccf"/><file name="topnavigation.phtml" hash="99425dceb7f208d9d3b4170c8c64fe00"/><file name="viewed_grid.phtml" hash="157f148d3e5199bd1517ae78c96c603b"/></dir></dir></dir></dir><dir name="rwd"><dir name="default"><dir name="layout"><file name="topnavigation.xml" hash="0ce30963c65df73fa03ce6506b07ca49"/></dir><dir name="template"><dir name="topnavigation"><file name="compared_grid.phtml" hash="af5d0a015b751ec9d16a701c613034c9"/><file name="new_grid.phtml" hash="3f1de2bf07b1959126986f76dbc902b0"/><file name="topnavigation.phtml" hash="03c31ab23260b55cc4ad42a6fa3d5740"/><file name="viewed_grid.phtml" hash="57ef7ea7052feed02475b2c6fba5bb75"/></dir></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="topnavigation.xml" hash="1dc9289954cdbf0485c203c0ee4b080f"/></dir><dir name="template"><dir name="topnavigation"><file name="categories.phtml" hash="b6c7a97aa8c2b6e925940332d097048b"/></dir></dir></dir></dir></dir></target></contents>
16
  <compatible/>
17
  <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
18
  </package>
1
  <?xml version="1.0"?>
2
  <package>
3
  <name>Virtina_Topnavigation</name>
4
+ <version>0.0.2</version>
5
  <stability>stable</stability>
6
  <license uri="http://opensource.org/licenses/osl-3.0.php">OSL 3.0</license>
7
  <channel>community</channel>
10
  <description>From our experience with stores using Magento, we all wished to customize our default menu and embed it with rich media elements including images, videos and banners. But there was no effective way to organize navigation options that capture user attention. Here Virtina brings you 'Top Navigation Menu' extension that allows you to create beautiful horizontal top menu with easy customization. This extension provides you convenient way of showing contents like URLs, Product grids, Category listing and widget contents on top menu.</description>
11
  <notes>From our experience with stores using Magento, we all wished to customize our default menu and embed it with rich media elements including images, videos and banners. But there was no effective way to organize navigation options that capture user attention. Here Virtina brings you 'Top Navigation Menu' extension that allows you to create beautiful horizontal top menu with easy customization. This extension provides you convenient way of showing contents like URLs, Product grids, Category listing and widget contents on top menu.</notes>
12
  <authors><author><name>Virtina</name><user>Virtina</user><email>gigijk@virtina.com</email></author></authors>
13
+ <date>2016-12-07</date>
14
+ <time>11:49:15</time>
15
+ <contents><target name="magecommunity"><dir name="Virtina"><dir name="Topnavigation"><dir name="Block"><dir name="Adminhtml"><dir name="Topnavigation"><dir name="Chooser"><file name="Categories.php" hash="2c1ae807b70008a52abd98d80af0f0b3"/><file name="Entityid.php" hash="71a8692bb95f70a953018b301312678b"/></dir><dir name="Edit"><file name="Form.php" hash="d4177861aff95bbe7fc6e24f1427b43e"/><dir name="Tab"><file name="Content.php" hash="bc88d8e77278a04a7c050db0a39fa8fa"/><file name="Form.php" hash="5261f091300f279ccc99843dfdbf3ae5"/></dir><file name="Tabs.php" hash="7061e0818307378b2d4a0fb22b01896e"/></dir><file name="Edit.php" hash="f9383923722cb1dd9a2d3d4916874d78"/><file name="Grid.php" hash="29d96b65674891d87c1b9c59dd142ae4"/><file name="Topnavigation.php" hash="524c5d283cd15ac4bb1543dc04500628"/></dir><file name="Topnavigation.php" hash="dd0f81c562de4b72ea6bf26112890a29"/></dir><file name="Categorysidebar.php" hash="e6fbc7630e375481b0c6e90f1847b9eb"/><file name="Compared.php" hash="4357d2e8bb8dc09503a571c86335c494"/><file name="New.php" hash="3859ae5d869ee489df55b0b32987ee0d"/><file name="Topnavigation.php" hash="f1034536cefc339b369f1ac7be0643c7"/><file name="Viewed.php" hash="87eef50f26f718e2ff7189daff413cae"/></dir><dir name="Helper"><file name="Data.php" hash="5fa3c71e09dabb67490989edea5e6c5f"/></dir><dir name="Model"><dir name="Mysql4"><dir name="Topnavigation"><file name="Collection.php" hash="ce105f93f64c39eafbbdce7de9ffb497"/></dir><file name="Topnavigation.php" hash="3f687a1ca7918ebe24defb2996d12c45"/></dir><file name="Status.php" hash="67926de0f075fcaaa20691c542bedc02"/><file name="Topnavigation.php" hash="aef47c85134137dab61b1aa65dc52225"/></dir><dir name="controllers"><dir name="Adminhtml"><file name="TopnavigationController.php" hash="5a7d4deb776f9eb454a927221ac90ae7"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="be6e19dd55bc76547c850443cf1fbbc5"/><file name="config.xml" hash="4120fde79ab40a2d33b219893d198dca"/><file name="system.xml" hash="836702c29e9ea7d4598f37b51ef599ba"/><file name="widget.xml" hash="e396286bdcbb5b26f2432c2b18447648"/></dir><dir name="sql"><dir name="topnavigation_setup"><file name="mysql4-install-0.0.1.php" hash="a30695fa1d4ad43cd01bfbae88d99933"/><file name="mysql4-upgrade-0.0.1-0.1.0.php" hash="6fedc5a79ff8eb275a65ecd2a4c8c02a"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Virtina_Topnavigation.xml" hash="651b7a6e41c37a62fd5365fea0847b6b"/></dir></target><target name="mage"><dir name="js"><dir name="topnavigation"><file name="selector.js" hash="e34fc8ccbff6857aa1d74b7fbbed57ad"/></dir></dir></target><target name="magemedia"><dir name="catalog"><dir name="category"><file name="default.png" hash="ee5134a2a4bbbe30c34632a8c9fdf254"/></dir></dir></target><target name="mageskin"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="js"><dir name="topnavigation"><dir name="jquery"><file name="jquery-1.10.2.min.js" hash="460fec71e8a4eb9039201dfd559ffcba"/><file name="noconflict.js" hash="2a9623e2d0a751e72627b6e0fbe7949b"/></dir></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="topnavigation"><file name="flyout.css" hash="b440291d55b22d949081cc3f3abd2ce2"/><dir name="images"><file name="arrow.png" hash="e8e9d70926d376f3648b9774bc7ca5aa"/><file name="left-arrow.png" hash="75c762ce57f2553507f442b947d0f250"/></dir><file name="styles.css" hash="7541ad8749e9378ae16ad9e545d8fdb0"/><file name="topnav.css" hash="c8574cf61e4cf192d1da3d5d782ecdc3"/></dir></dir><dir name="js"><dir name="topnavigation"><dir name="jquery"><file name="jquery-1.10.2.min.js" hash="923dea4dd1fbd4f9baf205bbf95efb3e"/><file name="noconflict.js" hash="2a9623e2d0a751e72627b6e0fbe7949b"/></dir></dir></dir></dir></dir><dir name="rwd"><dir name="default"><dir name="css"><dir name="topnavigation"><file name="flyout.css" hash="9e75774b831ecfc603042ca6ee76e5c3"/><dir name="images"><file name="arrow.png" hash="e8e9d70926d376f3648b9774bc7ca5aa"/><file name="left-arrow.png" hash="75c762ce57f2553507f442b947d0f250"/></dir><file name="styles.css" hash="82ece2585e853e0fbc38c173de8aebb0"/><file name="topnav.css" hash="23f970567ecf463f33041530917eee00"/></dir></dir><dir name="js"><dir name="topnavigation"><file name="button.js" hash="0be238f12c0390d98c11025b0c038594"/><dir name="jquery"><file name="jquery-1.10.2.min.js" hash="923dea4dd1fbd4f9baf205bbf95efb3e"/><file name="noconflict.js" hash="2a9623e2d0a751e72627b6e0fbe7949b"/></dir></dir></dir></dir></dir></dir></target><target name="magedesign"><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="topnavigation.xml" hash="1dc9289954cdbf0485c203c0ee4b080f"/></dir><dir name="template"><dir name="topnavigation"><file name="categories.phtml" hash="b6c7a97aa8c2b6e925940332d097048b"/></dir></dir></dir></dir></dir><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><file name="topnavigation.xml" hash="0311f36db27c80e536ef5e453b1a5aeb"/></dir><dir name="template"><dir name="topnavigation"><file name="compared_grid.phtml" hash="0e6af4b1fc64df72012b3ffa3ae80083"/><file name="new_grid.phtml" hash="c56b7d722e0b4c8a265fc7dbd7961ccf"/><file name="topnavigation.phtml" hash="99425dceb7f208d9d3b4170c8c64fe00"/><file name="viewed_grid.phtml" hash="157f148d3e5199bd1517ae78c96c603b"/></dir></dir></dir></dir><dir name="rwd"><dir name="default"><dir name="layout"><file name="topnavigation.xml" hash="5929732c86a72577fce81500af747d97"/></dir><dir name="template"><dir name="topnavigation"><file name="compared_grid.phtml" hash="af5d0a015b751ec9d16a701c613034c9"/><file name="new_grid.phtml" hash="3f1de2bf07b1959126986f76dbc902b0"/><file name="topnavigation.phtml" hash="3f51c612d6d54f95cdd713097dcf063e"/><file name="viewed_grid.phtml" hash="57ef7ea7052feed02475b2c6fba5bb75"/></dir></dir></dir></dir></dir></target></contents>
16
  <compatible/>
17
  <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
18
  </package>
skin/frontend/rwd/default/css/topnavigation/flyout.css CHANGED
@@ -56,44 +56,3 @@ ul.category-listing .nav-container span, .nav-container a { padding-left : 10px;
56
  .nav-container li.parent {background: url(images/arrow.png) no-repeat scroll 96% center ;position: relative;}
57
 
58
  .block-title span {font-size: 13px;}
59
-
60
- @media only screen and (max-width: 770px){
61
- .nav-container{
62
- display: none;
63
- }
64
- }
65
-
66
- .col-right .nav-container ul ul {
67
- top: 0;
68
- right: 100% !important;
69
- visibility: hidden;
70
- position: absolute;
71
- z-index: 598;
72
- border: 1px solid #cccccc;
73
- background-color: #fff;
74
- }
75
- .col-right .nav-container li.parent {background: url(images/left-arrow.png) no-repeat scroll 96% center ;position: relative;}
76
-
77
- @media only screen and (min-width: 770px) and (max-width: 1000px){
78
- .col3-layout .col-right .nav-container li.parent{background: url(images/arrow.png) no-repeat scroll 96% center ;position: relative;}
79
- .col3-layout .col-right .nav-container ul ul {
80
- left: 100% !important;
81
- right :unset !important;
82
- }
83
- }
84
-
85
- .col-left .nav-container ul ul.level0 {left : 75%!important;}
86
-
87
- .col3-layout .nav-container ul ul.level0 {left : 100%;}
88
-
89
- .col3-layout .col-right .nav-container ul ul.level0 {right : 100%;left : unset;}
90
-
91
- .col2-left-layout .nav-container li.parent{background: url(images/arrow.png) no-repeat scroll 70% center ;}
92
-
93
- .col2-left-layout .nav-container li.level1.parent {background: url(images/arrow.png) no-repeat scroll 90% center ;}
94
-
95
- .col3-layout .col-left .nav-container ul ul.level0 {left : 82%!important;}
96
-
97
- .col3-layout .col-left .nav-container li.parent{background: url(images/arrow.png) no-repeat scroll 75% center ;}
98
-
99
- .col3-layout .col-left .nav-container li.level1.parent {background: url(images/arrow.png) no-repeat scroll 90% center ;}
56
  .nav-container li.parent {background: url(images/arrow.png) no-repeat scroll 96% center ;position: relative;}
57
 
58
  .block-title span {font-size: 13px;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
skin/frontend/rwd/default/css/topnavigation/topnav.css CHANGED
@@ -1,7 +1,7 @@
1
  /**
2
  * Virtina
3
  * @package Virtina_Topnavigation
4
- * @copyright Copyright (c) 2015-2016 Virtina. (http://www.Virtina.com)
5
  * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
6
  */
7
 
@@ -45,10 +45,11 @@
45
  font-size : 14px;
46
  text-decoration : none;
47
  text-transform : uppercase;
 
48
  }
49
  .nav > li > a:focus,
50
  .nav > li:hover > a {
51
- background: #f2f2f5;
52
  }
53
  .nav a:hover, .nav li:hover > a {
54
  color: #3399cc;
@@ -68,19 +69,21 @@
68
  background : #fff;
69
  border : 1px solid #ddd;
70
  border-radius : 0 0 3px 3px;
71
- opacity : 0;
72
  position : absolute;
73
  transition : all .3s ease .15s;
74
- visibility : hidden;
75
  width : 100%;
76
  left : 0;
77
  top : 25;
78
- z-index : 550;
 
79
  }
80
- li:hover > .mega-menu {
81
- opacity : 1;
82
- overflow : visible;
83
- visibility : visible;
 
84
  }
85
 
86
  /* menu content */
@@ -114,7 +117,6 @@ li:hover > .mega-menu {
114
  display : inline;
115
  float : left;
116
  margin-right : 3%;
117
- /* width : 10.11%; */
118
  }
119
  .product-name a{
120
  text-align : center;
@@ -154,49 +156,7 @@ ul.wysiwyg_content {
154
  .menu-wrapper .widget-title > h2 {
155
  text-align: center;
156
  }
157
- @media screen and (max-width:770px) {
158
- .nav{
159
- display : none;
160
- }
161
- }
162
- @media only screen and (max-width: 770px) {
163
- .nav-primary {
164
- display : block;
165
- margin-top : 15px;
166
- }
167
- }
168
- @media only screen and (min-width: 771px) {
169
- #nav {
170
- display : none;
171
- }
172
- }
173
- @media screen and (min-width:771px) and (max-width:796px){
174
- .nav > li > a {
175
- font-size : 11px;
176
- padding: 0 8px;
177
- }
178
- }
179
- @media screen and (min-width:797px) and (max-width:1000px){
180
- .nav > li > a {
181
- font-size : 12px;
182
- padding: 0 10px;
183
- }
184
- }
185
- @media screen and (min-width:1001px) and (max-width:1133px){
186
- .nav > li > a {
187
- font-size : 13px;
188
- padding: 0 10px;
189
- }
190
- }
191
- @media screen and (min-width:771px) and (max-width:1133px){
192
- .nav-column a{
193
- line-height : 23px;
194
- font-size : 12px;
195
- }
196
- .top-menu .products-grid > li{
197
- min-height : 220px !important;
198
- }
199
- }
200
  .wysiwyg_content > li{
201
  width : 100%;
202
  }
@@ -218,3 +178,52 @@ ul.wysiwyg_content {
218
  .category-listing .item{
219
  width: 25%;
220
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  /**
2
  * Virtina
3
  * @package Virtina_Topnavigation
4
+ * @copyright Copyright (c) 2015-2016 Virtina. (http://www.virtina.com)
5
  * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
6
  */
7
 
45
  font-size : 14px;
46
  text-decoration : none;
47
  text-transform : uppercase;
48
+ cursor: pointer;
49
  }
50
  .nav > li > a:focus,
51
  .nav > li:hover > a {
52
+ background: #f5f5f5;
53
  }
54
  .nav a:hover, .nav li:hover > a {
55
  color: #3399cc;
69
  background : #fff;
70
  border : 1px solid #ddd;
71
  border-radius : 0 0 3px 3px;
72
+ /*opacity : 0;*/
73
  position : absolute;
74
  transition : all .3s ease .15s;
75
+ /*visibility : hidden;*/
76
  width : 100%;
77
  left : 0;
78
  top : 25;
79
+ z-index : 550;
80
+ display: none;
81
  }
82
+ .mega-menu.active {
83
+ display: block;
84
+ }
85
+ .mega-menu.deactivate {
86
+ display: none;
87
  }
88
 
89
  /* menu content */
117
  display : inline;
118
  float : left;
119
  margin-right : 3%;
 
120
  }
121
  .product-name a{
122
  text-align : center;
156
  .menu-wrapper .widget-title > h2 {
157
  text-align: center;
158
  }
159
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
160
  .wysiwyg_content > li{
161
  width : 100%;
162
  }
178
  .category-listing .item{
179
  width: 25%;
180
  }
181
+
182
+
183
+ /*styles*/
184
+
185
+ .mega-menu .nav-column { position: relative; }
186
+ .mega-menu .nav-column .close { display: none;position: absolute; top: 2px; right: 2px; background: #000000; padding: 2px 6px; cursor: pointer; z-index: 1000;color: #FFF; border: 0; opacity: .4; }
187
+
188
+ @media only screen and (max-width: 1199px) {
189
+ .nav > li > a {font-size : 12px;padding: 0 10px;}
190
+ .nav-column a{line-height : 23px; font-size : 12px; }
191
+ .top-menu .products-grid > li{min-height : 220px !important; }
192
+ }
193
+ @media only screen and (max-width: 991px) {
194
+ .nav > li > a {font-size : 11px; padding: 0 8px; }
195
+ .top-menu .products-grid li.item { width:20% !important; }
196
+ }
197
+ @media only screen and (max-width: 767px) {
198
+ .mega-menu .nav-column .close { display: inline-block; }
199
+ .mega-menu .nav-column .close:hover {opacity: 1; }
200
+ .mega-menu { width: calc( 100% - 20px); margin-left: 10px; }
201
+ .menu-wrapper .nav > li { width: 50%; padding: 0 10px; }
202
+ .menu-wrapper .nav > li > a { padding: 3px 10px; }
203
+ .category-listing > .item { width: 100%; }
204
+ .category-listing .nav-container .block-title { width: 100%; text-align: center; }
205
+ .nav-container .nav-content { float: none; display: block;}
206
+ .nav-container .block-title strong span { background: #f5f5f5; display: block; padding: 10px; font-size: 16px;}
207
+ .nav-content .level0 { float: none; }
208
+ .category-listing .nav-container ul ul { top: auto;left: 0;width: 100%; }
209
+ .nav-content ul.level0 a,.nav-content ul.level0 li { width: 100%; }
210
+ .nav-content ul.level0 { box-shadow: 0px -1px 5px -2px #000; }
211
+ .nav-container ul ul li:hover { background: #f5f5f5; }
212
+ .nav-content ul.level0 ul { width: 98%; margin-left: 1%; box-shadow: 0px -1px 4px -2px #000; }
213
+ /*.top-menu .products-grid { overflow-x: auto; white-space: nowrap; }*/
214
+ .top-menu .products-grid li.item
215
+ /*.mega-menu .wysiwyg_content .menuitem .products-grid li.item */{ /*min-width: 120px; float: none; display: inline-block; white-space: normal;*/
216
+ width: 33.3333% !important; margin: 0; padding: 0 10px; }
217
+ .top-menu .products-grid li.six:hover { box-shadow: 1px 1px 3px 1px #ccc }
218
+ .menu-wrapper .widget-title > h2 { background: #f5f5f5; padding: 5px 0; color: #3399cc;font-size: 16px;}
219
+ .nav-primary { display : block; margin-top : 15px; }
220
+ .sidebar .nav-container { display : none; }
221
+ }
222
+ @media only screen and (max-width: 639px) {
223
+
224
+ }
225
+ @media only screen and (max-width: 479px) {
226
+ .top-menu .products-grid li.item { width: 50% !important; }
227
+ .menu-wrapper .nav > li { width: 100%; }
228
+ /*.menu-wrapper .widget-title > h2 { font-size: 20px; }*/
229
+ }
skin/frontend/rwd/default/js/topnavigation/button.js ADDED
@@ -0,0 +1,22 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * Virtina
3
+ * @package Virtina_Topnavigation
4
+ * @copyright Copyright (c) 2015-2016 Virtina. (http://www.virtina.com)
5
+ * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
6
+ */
7
+
8
+ jQuery(document).ready(function() {
9
+ // add button
10
+ jQuery('.mega-menu > .nav-column').append(jQuery('<button class="close">X</button>'));
11
+
12
+ // for dropdown
13
+ jQuery('ul.nav > li').hover(function(){
14
+ jQuery(this).children('.mega-menu').stop().removeClass('deactivate').toggleClass('active');
15
+ });
16
+
17
+ //for close dropdown
18
+ jQuery('.close').click(function(){
19
+ jQuery('.mega-menu').addClass('deactivate');
20
+ });
21
+
22
+ });