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

Moving Catalog Search and Top Links
 
hansoloz
Jr. Member
 
Total Posts:  22
Joined:  2008-02-26
Minneapolis, MN
 

I’m trying to simply move the catalog search, category links, and toplinks to the side/right area.

As I dig into learning the relationship between templates, blocks, etc, and experimenting with changing relationship names I cannot seem to figure out the process to move those items.

Any help would be greatly appreciated!

For a bit more visual context, here is a link to the page I’m in the middle of styling:

I"m wanting to put the search and the few category items I have in the top box in the sidebar on the right.

 
Magento Community Magento Community
Magento Community
Magento Community
 
medic
Sr. Member
 
Total Posts:  173
Joined:  2007-10-30
Sydney
 

Sorry this dosn’t answer you question..

How have you done the videos? I would like to impliment something like that on my site.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Bill007
Sr. Member
 
Avatar
Total Posts:  179
Joined:  2008-01-15
New Zealand
 

Kia Ora

this can be added to your screen.css file

.mini-search{top:-60pxposition:absolutewidth:300px}
.mini-search a{width:303px}
.mini-search .input-text { width:220pxmargin-right:4px;margin-top:-20px}

.search-autocomplete {
    border
:1px solid #5c7989;
    
background:#f9f5f0;
    
left:-1px !important;
    
top:21px !important;
    
}
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 8px 1px 8px; }
.search-autocomplete li.odd { background:#fffefb; }
.search-autocomplete li.selected { background:#f7e8dd; }
But I have to say your CSS is a mess you should reinstate the original CSS and work with it your whole site is going render badly

you have no XHTML TAGS THAT call the correct CSS

This design will not work

Eg if you look at this code from your Home Page you have no CSS in your screen.css file controlling it Note the CSS code above CALLS ON THE <fieldset class="mini-search"> XHTML

<div class="box">
            <
a href="http://fv.yankee.aaidev.com/store/checkout/cart/">
        <
img src="http://fv.yankee.aaidev.com/store/skin/frontend/default/default/images/media/col_left_callout.jpg" width="195" alt="Our customer service is available 24/7. Call us at (800) DEMO-NUMBER." style="display:block;" />
        </
a>
    </
div><form id="search_mini_form" action="http://fv.yankee.aaidev.com/store/catalogsearch/result/" method="get">
    <
fieldset class="mini-search">
    <
legend>Search Site</legend>

        <
input id="search" type="text" class="input-text" name="q" value=""/>
        <
input type="image" src="http://fv.yankee.aaidev.com/store/skin/frontend/default/default/images/btn_mini_search.gif" alt="Search"/>
        <
div id="search_autocomplete" class="search-autocomplete"></div>
        <
script type="text/javascript">
            var 
searchForm = new Varien.searchForm('search_mini_form''search''Search the online store');
            
searchForm.initAutocomplete('http://fv.yankee.aaidev.com/store/catalogsearch/ajax/suggest/''search_autocomplete');
        
</script>
    
</fieldset>
</
form>


            </
div><!--/side-->
 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top