کلاس های CSS پشتیبانی شده

می توانید سبک ویجت جستجو را برای مطابقت با برنامه خود تغییر دهید. از کلاس های CSS زیر برای سفارشی کردن ویجت استفاده کنید.

پیشنهادات

نمونه ساختار DOM:

<div class="cloudsearch_suggestion_container">
  <img src="..." class="cloudsearch_suggestion_suggested_query_icon">
  <span class="cloudsearch_suggestion_suggested_query">...</span>
</div>

نتایج

نمونه ساختار DOM:

<div class="cloudsearch_result_container">
  <span class="cloudsearch_result_icon"></span>
  <div class="cloudsearch_result_title">
    <a href="...">...</a>
  </div>
  <div class="cloudsearch_result_metadata">...</div>
  <div class="cloudsearch_result_snippet">...</div>
</div>

وجوه

نمونه ساختار DOM:

<div class="cloudsearch_facet_result_container">
  <div class="cloudsearch_facet_operator_container">
    <span class="cloudsearch_facet_result_operator_name">...</span>
  </div>
  <div class="cloudsearch_facet_bucket_container">
    <input type="checkbox" value="value"
           class="cloudsearch_facet_bucket_checkbox cloudsearch_facet_bucket_clickable">
    <span class="cloudsearch_facet_bucket_value">...</span>
    <span class="cloudsearch_facet_bucket_percentage">...</span>
  </div>
</div>

صفحه بندی

نمونه ساختار DOM:

<div class="cloudsearch_pagination_container">
  <div class="cloudsearch_pagination_center">
    <span class="cloudsearch_pagination_icon cloudsearch_pagination_icon_previous">
    </span>
    <span class="cloudsearch_pagination_text">...</span>
    <span class="cloudsearch_pagination_icon cloudsearch_pagination_icon_next">
    </span>
  </div>
</div>

نتیجه به حساب می آید

<div class="cloudsearch_result_count_container">
  <span class="cloudsearch_result_count_text">...</span>
</div>

درخواست ورود به سیستم

نمونه ساختار DOM:

<div class="cloudsearch_sign_in_container">
  <div class="cloudsearch_sign_in_button">...</div>
  <div class="cloudsearch_sign_in_text">...</div>
</div>