Reply To: Two questions about setting


Ernest Marcinko


You need to add this to the site header.php between the head tags:

    $(".searchfor").on("click", function(){
       var $input = $('.orig', $(this).parent().parent());
       $('.promagnifier', $(this).parent().parent()).click();
       console.log("the input:", $input);

After that, you need to add the keywords with the following html under the search:

<div class="sfor">
  Search for: 
  <a class="searchfor">test</a>
  <a class="searchfor">post</a>
  <a class="searchfor">lorem ipsum</a>
  <a class="searchfor">elements</a>

If you want to style the keywords you can add additional CSS to any css file included in your template:

.sfor {
  color: #777777;
  font-size: 12px;
  padding-left: 5px;

a.searchfor {
  color: #5990DE;
  font-size: 12px;
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)