Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Modern theme toplinks customization
 
tobik999
Jr. Member
 
Total Posts:  30
Joined:  2008-09-16
 

Hey
I would like to move the toplinks below to the search bar as shwon in the attached picture. I found some code that seems to generate this links(top.links.phtml and links.phtml), but in which file is the search bar generated.
Many thanks in advance

Image Attachments
magentotoplinks.PNG
 
Magento Community Magento Community
Magento Community
Magento Community
 
xactrecords
Sr. Member
 
Total Posts:  80
Joined:  2008-09-14
 

If you place it where you want it, it will require you to remove the bread crumbs.  The bread crumb feature usually fits in that area.  Hopefully someone will tell you how to do both.

 
Magento Community Magento Community
Magento Community
Magento Community
 
tobik999
Jr. Member
 
Total Posts:  30
Joined:  2008-09-16
 

please give me a small hint, i do not really get into the blocks scheme

 
Magento Community Magento Community
Magento Community
Magento Community
 
barrmy
Sr. Member
 
Avatar
Total Posts:  102
Joined:  2008-06-03
 

tobik999

I dont think you need to touch the phtml, my guess is you can move it purely within blocks.css
I think the section is called toplinks or toplinks-bar

use firefox and firebug plugin to find the location of the code, and change the position and/or location elements to move it in the right box...firebug lets you play with the CSS and re-render in realtime, which is phenomenal to see how minor changes can affect your layouts

as mentioned above, you will also need to move your breadcrumbs, that can be done by editing skin\frontend\default\modern\css\boxes.css
find “ .breadcrumbs”
change “top” to a larger number, like 140

 
Magento Community Magento Community
Magento Community
Magento Community
 
tobik999
Jr. Member
 
Total Posts:  30
Joined:  2008-09-16
 

I found this thread: http://www.magentocommerce.com/boards/viewthread/20267/#t68353 which helped me a bit, I will try it in the next hours.
@barrmy: Do we speak about the same theme? In the CSS is no reference to any position of the classes, just padding, margin and so on. “top” is also not referred in the bredacrumbs class or id or whatever it is called. But many thanks for the FireBug AddOn, I did not know this at all.

 
Magento Community Magento Community
Magento Community
Magento Community
 
barrmy
Sr. Member
 
Avatar
Total Posts:  102
Joined:  2008-06-03
 

tobik999, you need to add the classes where appropriate

e.g.
in line 337, change from

.breadcrumbs            { float:left}

to

.breadcrumbs { 
   float
:left
   
top163px
   
position:absolute
   
margin-left:20px;
   
}

this will do what you you need (change colors appropriately) - line 327

.toplinks-bar {
   
/**background:#444444 none repeat scroll 0 0; REMOVED TO BLEND WITH SEARCH BAR **/
   
color:#FFFFFF; /** CHANGES COLOR OF WELCOME MSG TEXT**/
   
padding:5px 13px;
   
position:absolute;
   
text-align:right;
   
top:82px;
   
}
Image Attachments
temp.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
tobik999
Jr. Member
 
Total Posts:  30
Joined:  2008-09-16
 

wonderful thats right what I searched for, now I do understand wink
GREAT MANY THANKS barrmy!!!

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top