Post by dani888 » Sun Dec 16, 2018 8:53 pm

Hello everyone
I found this very nice model for expanding the search box.
https://codepen.io/nikhil/pen/qcyGF
What is the process to integrate it into this theme
http://www.spearthemes.com/oc-light/
I’ve never done it before
Opencart 3.0.2.0
Thank you

Active Member

Posts

Joined
Wed Feb 14, 2018 1:47 am

Post by paulfeakins » Mon Dec 17, 2018 7:42 pm

dani888 wrote:
Sun Dec 16, 2018 8:53 pm
I’ve never done it before
Step 1: learn to code.
Step 2: implement ;)

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by dani888 » Tue Dec 18, 2018 7:15 pm

I know it's hard but practically only this code needs to be adapted
<div class="container">
<form class="searchbox">
<input type="search" placeholder="Search......" name="search" class="searchbox-input" onkeyup="buttonUp();" required>
<input type="submit" class="searchbox-submit" value="GO">
<span class="searchbox-icon">GO</span>
</form>
</div>

<div class="byline"><p>Detailed tutorial on <a href="http://thecodeblock.com/realistic-soft- ... ></p></div>
Can anyone send me the PM adaptation for opencart 3.0.2.0
Theme http://www.spearthemes.com/oc-light/
Thank you

Active Member

Posts

Joined
Wed Feb 14, 2018 1:47 am

Post by cyclops12 » Wed Dec 19, 2018 1:11 am

dani888 wrote:
Tue Dec 18, 2018 7:15 pm
I know it's hard but practically only this code needs to be adapted
<div class="container">
<form class="searchbox">
<input type="search" placeholder="Search......" name="search" class="searchbox-input" onkeyup="buttonUp();" required>
<input type="submit" class="searchbox-submit" value="GO">
<span class="searchbox-icon">GO</span>
</form>
</div>

<div class="byline"><p>Detailed tutorial on <a href="http://thecodeblock.com/realistic-soft- ... ></p></div>
Wrong..... you will also need the javascript code and then the css code which will need to be altered to suit your site.

Expert Member

Posts

Joined
Sun Sep 27, 2015 1:10 am

Post by dani888 » Wed Dec 19, 2018 5:24 pm

Yes, then it is more complicated than I thought
I thought the javascript code should only be added
thank you

Active Member

Posts

Joined
Wed Feb 14, 2018 1:47 am

Post by dani888 » Mon Dec 24, 2018 9:13 pm

Hello
Does anyone know a tutorial how to add html code and javascript code
How is this application?
https://codepen.io/nikhil/pen/qcyGF

Thank you

Active Member

Posts

Joined
Wed Feb 14, 2018 1:47 am
Who is online

Users browsing this forum: No registered users and 408 guests