How to move the cart to the search bar?

Store Builder in detail Store Design & Templates
#1

I’m looking to save some space in the front page. How could I move the cart icon to the right side of the search bar. Any advice? Thanks in advance.

search-cart-bar.png

#2

Code is in /skins/basic/customer/top.tpl

#3

Does anyone have the code to do this correctly? I need a little more assistance than just what file to edit. Thanks!

#4

I think it is a matters of move blocks of code, and adjust some css, is not very difficult.

I’d like to know if this can be done adding some folders and hooks in “my changes” addon.

Is better practice to use this override.tpl options. Thanks in advance.

#5

I can’t test this because I’m out of town on my laptop, but the below code should work. You might have to adjust some css to make it work correctly.



Create a file called:



skins/your-skin/customer/addons/my_changes/hooks/index/main_content.override.tpl



In that file put:


```php





{$manifest.Customer_logo.alt}





{include file=“top_quick_links.tpl”}



{include file=“top_menu.tpl”}







{include file="views/checkout/components/cart_status.tpl"}


{include file="common_templates/search.tpl"}


```

Make sure that you have the My Changes addon enabled. Also, you need to clear your cache before you will be able to see the changes.

Even if the code I provided doesn't work exactly the way you want, hopefully it will get you pointed in the right direction.

Brandon
#6

Thanks Brandon. That was just great. I’m gonna learn a lot from this. Added some css for final fit. (2.1.2 CE)


#cart_status .float-left {
border-right: 1px solid #7fbdc7;
padding: 5px 14px 5px 0;

.checkout-link {
float:left;
padding-top:9px;
padding-right: 10px;
}

search-cart-bar-my-changes.png

#7

Cool. It looks really good. I’m glad that what little help I did give made it so that you were able to figure it out. Sorry about not being able to help more, but sometimes being out of town can be a pain.



Brandon