You are here:  » Homepage similar to Google

Active Forum Topics


Homepage similar to Google

Submitted by bodybuildingcom... on Sun, 2019-12-08 00:46 in

Hi David,

Sorry for lots of questions today. I am wondering what the best way is to convert the homepage to look similar to Google's? I am more looking to run a proper search engine, as there won't be much focus on categories/category mapping. I will probably end up with over a million products in the niches I am looking at.

The black navigation bar with the categories, merchant links etc. is fine on the top, but I wish to convert the middle of the page.

I want to move the search form in the middle and make it bigger, with the logo on the top. I am not necessarily looking to retain the featured products section on the homepage.

Could you please tell me which files is best to change and where? I would assume it is the index.php in the root folder, but I can see some php coding in there.

Thanks.

Norbert

Submitted by support on Mon, 2019-12-09 14:22

Hello Norbert,

In index.php look for the following code beginning at line 8:

  require("html/searchform.php");
  require("html/banner.php");

...and REPLACE with:

?>
  <div class='row'>
    <div class='small-12 columns' style='text-align:center;margin-top:100px;'>
      <img src='/images/logo.jpg' />
    </div>
    <div class='small-12 medium-3 columns show-for-medium-up'>&nbsp;</div>
    <div class='small-12 medium-6 columns'>
      <form name='search' action='<?php print $config_baseHREF ?>search.php'>
        <div class='row collapse'>
          <div class='small-10 columns'>
            <input required='required' type='text' name='q'>
          </div>
          <div class='small-2 columns'>
            <button class='button tiny postfix'><?php print translate("Search"); ?></button>
          </div>
        </div>
      </form>
    </div>
    <div class='small-12 medium-3 columns show-for-medium-up'>&nbsp;</div>
  </div>
<?php

...and that will be very close to a "Google" style home page.

(don't forget to change the path to the logo image to what you're actually using in the existing html/searchform.php)

Cheers,
David.
--
PriceTapestry.com