Open Script Solution» parent http://www.openscriptsolution.com ... where solutions for script programming are found ... Tue, 31 Jan 2012 03:22:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 How to Highlight The Current Category Parent Menu in Atahualpa Theme of WordPress http://www.openscriptsolution.com/2009/11/30/how-to-highlight-the-current-category-parent-menu-in-atahualpa-theme-of-wordpress/ http://www.openscriptsolution.com/2009/11/30/how-to-highlight-the-current-category-parent-menu-in-atahualpa-theme-of-wordpress/#comments Mon, 30 Nov 2009 03:17:31 +0000 Masino Sinaga http://www.openscriptsolution.com/?p=930 After modifying the page menu in Atahualpa theme of WordPress in order to display the highlighted or selected page parent menu at this article: How to Highlight The Current Page Parent Menu in Atahualpa Theme of WordPress, then this following modification will also do the same thing, but for the category menu. As we have known, both page and category can be included in the header menu of the WordPress theme. Therefore, in order to implement this modification, then we simply edit the css.php file belongs to the theme above.

Open your \wp-content\themes\atahualpa\css.php file, and find this code:

2449

div#menu2 ul.rMenu li.current-cat > a:link,

then before that line, please insert this following code:

2448
2449
2450
2451
2452
2453
2454

div#menu2 ul.rMenu li.current-cat-parent > a:link, 
div#menu2 ul.rMenu li.current-cat-parent > a:active, 
div#menu2 ul.rMenu li.current-cat-parent > a:hover, 
div#menu2 ul.rMenu li.current-cat-parent > a:visited {
	background-color: #<?php echo $bfa_ata['cat_menu_bar_background_color_hover']; ?>;
	color: #<?php echo $bfa_ata['cat_menu_bar_link_color_hover']; ?>;
	}

Now each time the child category menu being selected, then its parent category menu also will be highlighted or selected.

Share

]]> http://www.openscriptsolution.com/2009/11/30/how-to-highlight-the-current-category-parent-menu-in-atahualpa-theme-of-wordpress/feed/ 0 How to Highlight The Current Page Parent Menu in Atahualpa Theme of WordPress http://www.openscriptsolution.com/2009/11/29/how-to-highlight-the-current-page-parent-menu-in-atahualpa-theme-of-wordpress/ http://www.openscriptsolution.com/2009/11/29/how-to-highlight-the-current-page-parent-menu-in-atahualpa-theme-of-wordpress/#comments Sun, 29 Nov 2009 11:39:30 +0000 Masino Sinaga http://www.openscriptsolution.com/?p=926 If you are currently using Atahualpa theme, then this modification is for you! This following code will highlight your current page parent menu based on the selected child page menu that being selected. This is useful for those of you who have so many page menus which have the page child menu, and you want to know which page parent menu is currently having the selected page child menu. Of course, your website visitor also will feel so comfortable since they will be able to know that they have selected the certain menu based on that selected page parent menu.

Open your \wp-content\themes\atahualpa\css.php, and find this code:

2423

/* "current" page and hover, first part old version */

before that line, please insert this following code:

2422
2423
2424
2425
2426
2427
2428
2429

/* "current" page parent and hover, first part old version */
div#menu1 ul.rMenu li.current_page_parent > a:link, 
div#menu1 ul.rMenu li.current_page_parent > a:active, 
div#menu1 ul.rMenu li.current_page_parent > a:hover, 
div#menu1 ul.rMenu li.current_page_parent > a:visited {
	background-color: #<?php echo $bfa_ata['page_menu_bar_background_color_hover']; ?>;
	color: #<?php echo $bfa_ata['page_menu_bar_link_color_hover']; ?>;
	}

Now each time you select or click the certain child page menu, then its parent will be automatically highlighted.

Share

]]> http://www.openscriptsolution.com/2009/11/29/how-to-highlight-the-current-page-parent-menu-in-atahualpa-theme-of-wordpress/feed/ 1 How to Make Parent Menu Selected When Child Menu Was Selected in Blockcategories Module of PrestaShop http://www.openscriptsolution.com/2009/11/24/how-to-make-parent-menu-selected-when-child-menu-was-selected-in-blockcategories-module-of-prestashop/ http://www.openscriptsolution.com/2009/11/24/how-to-make-parent-menu-selected-when-child-menu-was-selected-in-blockcategories-module-of-prestashop/#comments Tue, 24 Nov 2009 10:44:25 +0000 Masino Sinaga http://www.openscriptsolution.com/?p=909 This following modification will make the ability to automatically highlight or select the parent menu when the child menu was selected in blockcategories module of PrestShop. This modification applied to the original modification that created by Marghoob Suleman at the PrestaShop Discussion Forum: [module-modified] categories menu modified. You can see its final result demo in: e-fila.com. If you want to implement this modification, then do not forget to backup your original files.

  1. Open your \modules\blockcategories\blockcategories.tpl file, and replace all of the contents of file with this following code:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

    {if $isCustomDhtml}
<script type="text/javascript" src="{$module_dir}ddsmoothmenu.js"></script>
<link href="{$module_dir}ddsmoothmenu.css" rel="stylesheet" type="text/css" media="all" />
{else}
<script type="text/javascript" src="{$js_dir}tools/treeManagement.js"></script>
{/if}
<!-- Block categories module -->
 
<div id="categories_block_left" class="block">
  <h4>{l s='Categories' mod='blockcategories'}</h4>
  {if $isCustomDhtml}
  <div id="smoothmenu1" class="ddsmoothmenu">
    <ul>
      {foreach from=$blockCategTree.children item=child name=blockCategTree}
      {if $smarty.foreach.blockCategTree.last}
      {include file=$branche_tpl_path node=$child last='true'}
      {else}
      {include file=$branche_tpl_path node=$child}
      {/if}
      {/foreach}
    </ul>
  </div>
  {else}
  	<div class="block_content" style="margin:0;padding:0">
		<ul class="tree {if $isDhtml}dhtml{/if}" style="margin:0;padding:0">
		{foreach from=$blockCategTree.children item=child name=blockCategTree}
			{if $smarty.foreach.blockCategTree.last}
						{include file=$branche_tpl_path node=$child last='true'}
			{else}
						{include file=$branche_tpl_path node=$child}
			{/if}
		{/foreach}
		</ul>
	</div>	
  {/if}
 
</div>
<!-- /Block categories module -->
  2. Open your \modules\blockcategories\category-tree-branch.tpl file, and then replace all of the contents of file with this following code:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

    <li style="margin:0;padding:0; " {if $last == 'true'}class="last"{/if}>
 
  <!-- Begin of modified by Masino Sinaga, August 16, 2009 -->	
	<a id="menu_{$node.children|@count}" style="padding:5px; padding-right:0;" href="{$node.link|escape:htmlall:'UTF-8'}"
	{if $node.id == $currentCategoryId} class="selected"{/if}{if $node.id == $currentParentId || $node.id == $currentRootId} class="previousselected"{/if}
	title="{$node.desc|escape:htmlall:'UTF-8'}">{$node.name|escape:htmlall:'UTF-8'}</a>
	<!-- End of modified by Masino Sinaga, August 16, 2009 -->
 
	{if $node.children|@count > 0}
 
		<!-- Begin of modified by Masino Sinaga, August 16, 2009 -->
		<ul {if $node.id == $currentCategoryId || $node.id == $currentParentId || $node.id == $currentRootId} class="selected"{/if}>
		<!-- End of modified by Masino Sinaga, August 16, 2009 -->
 
		{foreach from=$node.children item=child name=categoryTreeBranch}
			{if $smarty.foreach.categoryTreeBranch.last}
				{include file=$tpl_dir./category-tree-branch.tpl node=$child last='true'}
			{else}
	        		{include file=$tpl_dir./category-tree-branch.tpl node=$child last='false'}
			{/if}
		{/foreach}
		</ul>
	{/if}
</li>
  3. Open your \modules\blockcategories\ddsmoothmenu.css file, and replace all of the content of file with this following code:

    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140

    /*
modified for prestashop
marghoob suleman - marghoobsuleman.com
*/
.ddsmoothmenu{
font: bold 12px Verdana;
background: #414141; /*background of menu bar (default state)*/
width: 100%;
height:auto;
display:inline-block;
 
}
 
.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}
 
/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: block;
width:100%;
float: left;
}
 
/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #E9E9E9; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-bottom: 1px dashed #c3c3c3;
border-right: 1px solid #c3c3c3;
border-left: 1px solid #c3c3c3;
color: #374853;
text-decoration: none;
}
 
#smoothmenu1 li {
	padding: 0;
	list-style-position: outside;
	display:block;
}
 
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: block;
background: #FFAA55; /* #E9E9E9; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-bottom: 1px dashed #c3c3c3;
border-right: 1px solid #c3c3c3;
border-left: 1px solid #c3c3c3;
color: #374853;
text-decoration: none;
}
 
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #374853;
display:block;
}
 
.ddsmoothmenu ul li a:hover{
background: #FFAA55; /* #B9D2E0; /*background of menu items during onmouseover (hover state)*/
text-decoration:none;
display:block;
}
 
.ddsmoothmenu ul li a.previousselected{ 
	font-weight:bold;
	background-color:#FFAA55; /* #0093f0; */ 
}
 
.ddsmoothmenu ul li a.selected{ 
	font-weight:bold;
	background-color:#FF7F00; /* #0093f0; */ 
}
 
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}
 
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}
 
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}
 
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 178px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom:1px dashed #c3c3c3;
display:block;
}
 
/* ######### CSS classes applied to down and right arrow images  ######### */
 
.downarrowclass{
position: absolute;
top: 7px;
right: 7px;
}
 
.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
 
/* ######### CSS for shadow added to sub menus  ######### */
 
.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}
 
.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
 
/* end menu css */
  4. Open your \modules\blockcategories\ddsmoothmenu.js file, and find this code:

    12
13

    //Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
arrowimages: {down:['downarrowclass', 'modules/blockcategories/right.gif', 23], right:['rightarrowclass', 'modules/blockcategories/right.gif']},

    then replace with this following code:

    12
13

    //Specify full URL to down and right arrow images (23 is padding-right added to top level LIs with drop downs):
arrowimages: {down:['downarrowclass', '{$module_dir}right.gif', 23], right:['rightarrowclass', '{$module_dir}right.gif']},

    Find again this code:

    75

    					$targetul.css({top:0+"px", left:(this._dimensions.subulw)+"px", width:this._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime)

    then replace with this following code:

    75
76

    					//$targetul.css({top:0+"px", left:(this._dimensions.subulw)+"px", width:this._dimensions.subulw+'px'}).animate({height:'show',opacity:'show'}, ddsmoothmenu.transition.overtime)
					$targetul.css({top:0+"px", left:(this._dimensions.subulw)+"px", width:this._dimensions.subulw+'px', display:'block'});

    Find again this code:

    84

    						this.$shadow.css({overflow:'', width:this._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:this._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime)

    then replace with this following code:

    84
85

    						//this.$shadow.css({overflow:'', width:this._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px'}).animate({height:this._dimensions.subulh+'px'}, ddsmoothmenu.transition.overtime)
						this.$shadow.css({overflow:'', width:this._dimensions.subulw+'px', left:shadowleft+'px', top:shadowtop+'px', height:this._dimensions.subulh+'px', display:'block'})

    Find again this code:

    89

    				$targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime)

    then replace with this following code:

    89
90

    				//$targetul.animate({height:'hide', opacity:'hide'}, ddsmoothmenu.transition.outtime)
				$targetul.css({display:'none'});

    Find again this code:

    94

    					this.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime)

    then replace with this following code:

    94
95
96

    					//this.$shadow.css({overflow:'hidden'}).animate({height:0}, ddsmoothmenu.transition.outtime)
					//alert(this.$shadow + " " + this.$shadow.id);
					this.$shadow.css({display:'none'});

    Find again this code:

    99

    	$mainmenu.find("ul").css({display:'none', visibility:'visible'})

    then replace with this following code:

    99

    	$($mainmenu).find("ul").css({display:'none', visibility:'visible'});

Hopefully this will be helpful for you.

Share

]]> http://www.openscriptsolution.com/2009/11/24/how-to-make-parent-menu-selected-when-child-menu-was-selected-in-blockcategories-module-of-prestashop/feed/ 1