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.
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>
