Menus overlapping Logo

Just tried to incrise the number of categories that show up on top menu and i get a weird overlapping as you can see in the attachment. Tried to incrise the size in header.phtml with no luck. πŸ™

14 answers

Profile photo of Saguaros 0.00 $tone September 18, 2012
Public

Hi there,

You mean that you want to the main navigation not over the logo, right? You could change the logo position by edit file: skin/frontend/default/jm_dicento(your default theme)/css/theme.css, at approx line 178:

Code:

h1#logo, div#logo-text {
    bottom: 75px;    <<< increase this value
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
}
#1
Profile photo of Antonio Mineiro 0.00 $tone September 18, 2012
Public

Have a few issues:

1- Is it possible to change font size and color of top menu?
2- How can i translate the tooltip msg when i mouse over color layout options, from eg. "orange color" to my language?
3- Also i’m having trouble with JM Products Slider, product names font is too big, i get what you can see in the attachments.

Thanks

#3
Profile photo of Saguaros 0.00 $tone September 19, 2012
Public

Hi again,

1. To change font size of menu: http://easycaptures.com/fs/uploaded/662/3728467786.jpg, please open file: skin/frontend/default/jm_dicento (your default theme)/css/menu.css, line 20:

Code:

#nav span {
    background: url("../images/grad-04.gif") no-repeat scroll left bottom transparent;
    cursor: pointer;
    display: block;
    font-size: medium;
    white-space: nowrap;
}

to change color: at line 42:

Code:

#nav a {
    color: #FFFFFF
    font-family: 'AllerRegular',Arial,Sans Serif;
    line-height: 50px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}

2. Translate text:
-- Goto file: \app\design\frontend\default\jm_dicentotemplate\p age\ja_vars.php

PHP Code:

#Supported colors
$tmpTools->setColorThemes (array('default','blue','green','orange','violet')); 




change ‘default, blue, …’ to your own word
For example with blue color, I change to your_blue
Then go to dir: \skin\frontend\default\jm_dicento\images rename blue.png image to your_blue.png

-- Open file: \app\design\frontend\default\jm_dicentotemplate\p age\includestemplatetools.php

PHP Code:

<ul class="ja-usertools-color">
<?php            
foreach ($this->_ja_color_themes as $ja_color_theme) {
echo 
"
<li><img style=\"cursor: pointer;\" src=\""
.$this->skinurl()."/images/".strtolower($ja_color_theme).( ($this->getParam(JA_TOOL_COLOR)==$ja_color_theme) ? "-hilite" "" ).".".$imgext."\" title=\"".$ja_color_theme." color\" alt=\"".$ja_color_theme." color\" id=\"ja-tool-".$ja_color_theme."color\" onclick=\"switchTool('".$this->template."_".JA_TOOL_COLOR."','$ja_color_theme');return false;\" /></li>
"
;
?>
</ul>


for parameter : title=\"".$ja_color_theme." color\" <<< you can remove color word or translate to your own.

3. You can make change easily by using Google chrome inspect element or Firebug for Firefox. hover on title you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this text on the right side. then you can go to the file and replace it with new CSS you change.

Hope this helps

#4
Profile photo of Antonio Mineiro 0.00 $tone September 19, 2012
Public

Hi,

1- Worked fine 100% ( what are the possible attribute? tried "smaller, small and medium" , are there more?
2- Only worked for the translation of color change buttons tooltip msg, the rest of the template keeps using the default color instead as i think the templates uses the grads.gif but pointing to the original filename "default", no luck. 0%
3- Still trying to figure out how to use your information with Firebug.

Thanks.

#5
Profile photo of Antonio Mineiro 0.00 $tone September 20, 2012
Public

Hi Saguaros,

Using Firebug was no problem at all, you didn’t understand what i ment. The problem is i still don’t know which file to edit for the changes to take effect. Having some translation issues also with ja-tab in product page, both Description and Additional tabs are not translatable using inline translation, can’t find the file i can edit that also, went trough almost all *.csv, *.css and *html files i could find with no luck. πŸ™
Edit: Also i would like to disable "Product Tags" tab within product page, already disabled Mage_Tag and its still showing up.

#7
Profile photo of Antonio Mineiro 0.00 $tone September 20, 2012
Public

Hi again,

Saw the video and tried something like it, inline translation was enabled, i changed a random value, in this case i changed "uppercase" to "capitalize", and when i was testing the site in other machine, i noticed that the text field i changed to "capitalize" was still "capitalized" , does this mean i can make changes using Firebug and they will be permanently applied to the layout?

Cheers

#8
Profile photo of Saguaros 0.00 $tone September 21, 2012
Public

Hi again,

1.

does this mean i can make changes using Firebug and they will be permanently applied to the layout?

No, sir. this editor only allow you to edit and applied to your content temporaryly NOT permanently, it helps you to know exactly file where you need to make change.

2. If disabling Product tags in admin did not effect, there is a better way is that you can create a new file named: local.xml in directory: \app\design\frontend\default\jm_dicento(your default theme)\layout and paste this inside this new file:

PHP Code:

<?xml version="1.0"?>
<layout>    
    <catalog_product_view>
          <reference name="product.info.additional">
              <remove name="product_tag_list"/>
          </reference>
    </catalog_product_view>
</layout>


3. To translate Description and Additional tabs in product view page, you can change directly to code, goto file: \app\design\frontend\default\jm_dicento(your default theme)\layout\catalog.xml, at approx line 214, you could see these 2 blocks:

PHP Code:

<block type="catalog/product_view_description" name="product.description" as="description" template="catalog/product/view/description.phtml">
 <
action method="addToParentGroup"><group>detailed_info</group></action>
</
block>
<
block type="catalog/product_view_attributes" name="product.attributes" as="additional" template="catalog/product/view/attributes.phtml">
<
action method="addToParentGroup"><group>detailed_info</group></action>
</
block




and translate:

Code:

as="description"  >> as="your own word"
as="additional"    >> as="your own word"

Regards.

#9
Profile photo of Antonio Mineiro 0.00 $tone September 24, 2012
Public

Hi Saguaros and thanks again.

Step 3 -- worked 100%, thanks.
Step 2 -- didn’t work at all, as you can see in the attached file. Totally refreshed cache, reindexed everything twice, tried diferente browser, different computer, checked if file is with right permissions, no luck.

Cheers!

#10
Profile photo of Saguaros 0.00 $tone September 25, 2012
Public

Hi again,

In case that the overriden file: local.xml doennot work, you can try to open file: \app\design\frontend\base\default\layouttag.xml, you can see a reference:

PHP Code:

<reference name="product.info.additional">
    <
block type="tag/product_list" name="product_tag_list" before="-" template="tag/list.phtml">
        <
block type="page/html_wrapper" name="product.tag.list.list.before" as="list_before" translate="label">
        <
label>Tags List Before</label>
        <
action method="setMayBeInvisible"><value>1</value></action>
        </
block>
    </
block>
</
reference>
[\
PHP]
Please comment it
<!--
<
reference name="product.info.additional">
    <
block type="tag/product_list" name="product_tag_list" before="-" template="tag/list.phtml">
        <
block type="page/html_wrapper" name="product.tag.list.list.before" as="list_before" translate="label">
        <
label>Tags List Before</label>
        <
action method="setMayBeInvisible"><value>1</value></action>
        </
block>
    </
block>
</
reference>
--> 




Regards.

#11
Profile photo of Antonio Mineiro 0.00 $tone September 25, 2012
Public

Hi Saguaros,

Didn’t work at all. Attaching a product page example with all files so you can see if theres any error. I tested once Easy Tabs extension, but that is disabled even in the core.

Cheers

#12

This question is now closed

Written By

Comments