Проблема с добавлением Google пользовательского кода поиска в магазине Shopify - PullRequest
0 голосов
/ 25 августа 2018

Здравствуйте, я новичок в stackoverflow, недавно я добавил пользовательский поиск Google в свой магазин, чтобы клиенты могли использовать его для просмотра информации и получения дополнительной информации о типе продуктов, которые я продаю.Когда я добавил код GCS в новый шаблон на Shopify, у меня возникло несколько проблем.Основные проблемы были решены путем редактирования самой поисковой системы в меню «внешний вид», но осталась одна небольшая проблема.В строке поиска поисковой системы, кажется, есть эти темные тонкие разделительные линии, от которых я не могу избавиться.У меня очень мало опыта в программировании, поэтому я не совсем уверен, что не так в самом коде.Так что я пытаюсь найти решение.

(вот код ниже)

<div class="grid">

  <div class="grid__item post-large--two-thirds push--post-large--one-sixth">

    <div class="section-header">
      <h1 class="section-header--title">{{ page.title }}</h1>
    </div>

   <div class="rte">
      {{ page.content }}
    
    </div>
  <body>
  
  <script>
  (function() {
    var cx = '011286737035659106182:hqm_unmmoqy';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);})();
</script>
<gcse:searchbox-only></gcse:searchbox-only>
    
  </body>
 
  
</div>

1 Ответ

0 голосов
/ 26 августа 2018

В вашей теме CSS и в плагине CSS есть некоторые свойства, которые делают эти границы. Я сделал два фрагмента CSS, чтобы удалить все границы или оставить одну. Выберите, какой вы предпочитаете:)

Добавьте это в свой файл CSS или между balise <style></style>

с одной рамкой:

<style>
form.gsc-search-box{
  border : none;
}
form.gsc-search-box .gsc-input-box table{
   margin-bottom : unset;
}
form.gsc-search-box .gsc-input-box table .gsib_b{
   display : none;
}
form.gsc-search-box table.gsc-search-box{
   margin : 0;
}
form.gsc-search-box table.gsc-search-box td{
    border : none;
}

OR

Без каких-либо границ:

.gsc-control-searchbox-only form.gsc-search-box{
    background: none;
    border: none;
    box-shadow: none;
}

form.gsc-search-box .gsc-input-box table{
      margin-bottom : unset;
   }
   form.gsc-search-box .gsc-input-box table .gsib_b{
      display : none;
   }

form.gsc-search-box table.gsc-search-box{
    margin : 0;
}
form.gsc-search-box table.gsc-search-box td{
    border : none;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...