[CUSTOM] Add Search align with Cart

Hi

We were request if was possible to place the search module on top position, where's the cart.
If someone wants to have this on his template, please follow this instructions:

1) We need to create a new module position. So open templateDetails.xml file and add (let's call it) "top_search" module position. Like this:

Code: Select all

<position>top_search</position>

2) Next we need to place this position on frontend. Open ../gk_yourshop/layouts/blocks/top.php file and find this line:

Code: Select all

 <?php if($this->countModules('cart')) : ?>


replace with this code:

Code: Select all

<?php if($this->countModules('top_search')) : ?>
<div id="top_search">
<jdoc:include type="modules" name="top_search" style="none" />
</div>
<?php endif; ?>

<?php if($this->countModules('cart')) : ?>


3) Set style on top_search div. Open gk_stuff.css file and add this code:

Code: Select all

#top_search {width: 220px;display:inline-block;float:right;margin: 37px 0 0 20px}

4) Go to module manager and publish mod_search on "top_search" module position. Assign to all menus.

That's it.
The result should be like this:

top_search.png

Enjoy

bea-utiful !!

Thanx!

Great modifikation. Thanks for that.

Unfortunately the search button behind the search field is missing:
http://www.stilpunkt-lifestyle.de/

Thanks for your help.

Great modifikation. Thanks for that.

Unfortunately the search button behind the search field is missing:
http://www.stilpunkt-lifestyle.de/

Thanks for your help.

Did you enable the button on the module parameters?

Cheers

Great, easy, quick and neat.

Thanks again.

Great modifikation. Thanks for that.

Unfortunately the search button behind the search field is missing:
http://www.stilpunkt-lifestyle.de/

Thanks for your help.

Did you enable the button on the module parameters?

Cheers

Thanks

Love the new forum style!

One quick question, is it possible to use this technique to move the "log-in"/"my account" virtuemart_mod_login to the same place, and use the same slick style as when clicking on "0 items" in the cart? Seems annoying that the log-in is inside the template...if I don't have slideshow on every page, the log-in box takes the whole width of the screen? How are other people using the mod_login? Any thoughts warmly welcome...Thanks

it is posible, but will need more than just move it to get same style...

beyond our support

Love the new forum style!

One quick question, is it possible to use this technique to move the "log-in"/"my account" virtuemart_mod_login to the same place, and use the same slick style as when clicking on "0 items" in the cart? Seems annoying that the log-in is inside the template...if I don't have slideshow on every page, the log-in box takes the whole width of the screen? How are other people using the mod_login? Any thoughts warmly welcome...Thanks

i join fewleh request. I love myStore login/register style. it's neat, small and elegant. would be a great feature to have that style in yourstore

how to do that is compatible with joomla 1.7 template
thank you

Hello,

But this does not work for joomla 2.5! How this can be solved in this version?

I would like to do this for 2.5 as well. I found the cart in the logo.php but I am not quite sure how to setup the search position to the file?

With a few modifications I was able to make this work with Joomla 2.5 and VM2. The only change from the mods instructions is to find and open logo.php instead of top.php.

Locate this block of code:

Code: Select all

<?php if($this->modules('cart')): ?>
    <div id="gkCartBtn">
      <h2><?php echo JText::_('TPL_GK_LANG_CART'); ?></h2>
       <div id="gkItems">
          [ <strong>0</strong> ] <?php echo JText::_('TPL_GK_LANG_ITEMS'); ?>
       </div>

and just above it place this block of code:

Code: Select all

<?php if($this->modules('top_search')) : ?>
<div id="top_search">
<jdoc:include type="modules" name="top_search" style="none" />
</div>
<?php endif; ?>

All the other directions are the same and you should have success.

I created this module position, but I want to go further and create another module position on the left side to display custom content, but when I create it,,it displays the shopping cart module,,how can I get rid of this cart module display?
Thanks

...but when I create it,,it displays the shopping cart module,,how can I get rid of this cart module display?
Thanks

Hi

Go to modules manager and disable "VM - Shopping cart" module on "cart" position.

Cheers