Search Bar and Scroll To Top Button

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun May 25, 2014 7:59 am
Reply with quote
Report this post
I just purchased one of your plans so I can download your awesome templates. First of all I want to thank the Gavick team and the developers for your incredible work and I am looking forward in trialing out your templates that looks really promising. I am new to Joomla itself and I am currently testing out the Game template for Joomla 3.3 in my localhost. I like this template however the only things that I am really missing from this template is (a) Search Box at the top and (b) Scroll to Top button. I have a few questions on this please:

1) Search Box: If I want to add a nice looking search bar module on the header section (near the menu or something) does anyone have any idea on how to add this and which will the best position and alignment to choose for this search module so the template doesn't look weird and still looks good across all devices? I am pretty bad with creativity and if you can show me a screenshot or a sample site that has a search module included on this template (if possible), it would really help me get inspired and adapt that for my site.

2) Scroll to top button: What I love about some templates is how it shows the 'scroll to top' button at the bottom right hand side when the user scrolls down that page. Is it possible to add a nice button on this template? If yes, can you give me suggestions on how I can do that please?
User avatar
Senior Boarder

teitbite
Sun May 25, 2014 7:10 pm
Reply with quote
Report this post
Hi

1. About search, it's true that designer has forgotten about one for this template :) Please do not worry about that now. When site will be online I'll ask You for ftp access and help You to add a new module position for that.

2. I would advice to use a 3rd party plugin here. Sure it can be added into code, but it's just faster this way.
User avatar
Moderator

GK User
Sun May 25, 2014 7:18 pm
Reply with quote
Report this post
teitbite wrote:Hi

1. About search, it's true that designer has forgotten about one for this template :) Please do not worry about that now. When site will be online I'll ask You for ftp access and help You to add a new module position for that.

Thanks heaps teitbite. That was really kind of you to offer that (what a legend). I am hoping to get this up in the next 4-5 months and I will surely write to you then. So I wont worry about that for now. :)

Thanks again. Much obliged!
User avatar
Senior Boarder

teitbite
Mon May 26, 2014 8:59 am
Reply with quote
Report this post
Hi

Sure, no problem. I'll be waiting.
User avatar
Moderator

GK User
Wed May 28, 2014 3:03 am
Reply with quote
Report this post
I am already a member and never asked for support before in forum or else.I am also every time astonished by your creations. I have this deadline for this web site for tomorrow night. Can u help me with this ?

i have the same problem i would like the search module in the menu and a new item in the bar next to the logo that will be a link for send us your article
User avatar
Junior Boarder

teitbite
Thu May 29, 2014 7:39 pm
Reply with quote
Report this post
Hi

No problem, but please send me an access to ftp and joomla panel. So I'll make it for You and will post it for other users here.
User avatar
Moderator

teitbite
Fri May 30, 2014 6:24 pm
Reply with quote
Report this post
Hi

First I've edited file /layout/blocks/logo.php and added a new module position at the bottom of this file:

Code: Select all
<div class="top_bar">
   <jdoc:include type="modules" name="top_bar" />
</div>


and this code to /css/override.css

Code: Select all
.top_bar {
    float: left;
    margin-left: 50px;
    max-height: 58px;
    overflow: hidden;
}

.top_bar br {
    display: none;
}

.top_bar .finder a {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    display: block;
    float: right;
    font-weight: bold;
    line-height: 39px;
    margin: 9px;
    padding: 0 10px;
}

@media only screen and (max-width:750px) {
.top_bar {    margin-left: 0;
    position: absolute;
    top: 55px;
}
}
User avatar
Moderator

GK User
Sat May 31, 2014 11:51 am
Reply with quote
Report this post
thanks a alot friend just saw it. Can i move this position after the menu ?

thanks a lot this is wonderfull!!!
User avatar
Junior Boarder

teitbite
Tue Jun 03, 2014 9:55 am
Reply with quote
Report this post
Hi

Where exactly? Can You show me the new place for it ?
User avatar
Moderator


cron