Search Box - change size and placement + Logo

[vidmarc]

Would it be possible to have this much smaller, at least half its current width? And perhaps re- positioned so it sits at the top of the right column?

And onto my next question, I'd like to be able to make the company header logo wider.

[keat]

You'll probably have to make these changes in the skin files.

If you tell us which skin you use, i'm sure someone will point you in the right direction.

[vidmarc]

Foundation skin. What's the best way to keep the changes after updating? A child theme?

[keat]

Probably in skins/foundation/templates/main.php

 

Somewhere around line 50 find the command which triggers the search box, i'm using a custom search box, so mine is named differently.

it's probably called {$SEARCH} or {$SEARCH BOX}

 

move this to somewhere around line 80 ish, underneath where it says <div class="sidebar" id="sidebar_right">

 

I'll see if I can figure out how to change the size, this will probably be in a css file.

[bsmither]

To keep your changes from being erased after an upgrade of the Foundation skin (only because this is what ships with CubeCart), copy the Foundation folder to a new folder, and change the name of the skin in the config.xml file to match.

Clear CubeCart's cache.

There will now be some extra work involved. For every CubeCart release, there will need to be an analysis made of the changes between Foundation code, then have those changes applied to your customized copy.

[vidmarc]

On 5/17/2018 at 1:35 PM, keat said:

Probably in skins/foundation/templates/main.php

 

Somewhere around line 50 find the command which triggers the search box, i'm using a custom search box, so mine is named differently.

it's probably called {$SEARCH} or {$SEARCH BOX}

 

move this to somewhere around line 80 ish, underneath where it says <div class="sidebar" id="sidebar_right">

 

I'll see if I can figure out how to change the size, this will probably be in a css file.

Here's what I'm seeing:

 

Quote

<div class="row show-for-medium-up">
                     <div class="small-12 columns">{include file='templates/box.search.php'}</div>
                  </div>
               </div>
            </div>
            <div class="row hide" id="small-search">
               <div class="small-12 columns">
                  {include file='templates/box.search.php'}
               </div>
 

Do I need to reduce the number of rows?