คุณเปลี่ยนรูปแบบวิดเจ็ต Search ให้ตรงกับแอปพลิเคชันได้ ใช้ คลาส CSS ต่อไปนี้เพื่อปรับแต่งวิดเจ็ต
คำแนะนำ
ตัวอย่างโครงสร้าง DOM:
...
| คลาส CSS | หมายเหตุ |
|---|---|
cloudsearch_suggestion_overlay |
|
cloudsearch_suggestion_container |
|
cloudsearch_suggestion_suggested_query |
|
cloudsearch_suggestion_suggested_query_icon |
|
cloudsearch_suggestion_suggested_people_name |
|
cloudsearch_suggestion_suggested_people_profile_image |
ผลลัพธ์
ตัวอย่างโครงสร้าง DOM:
...
| คลาส CSS | หมายเหตุ |
|---|---|
cloudsearch_result_container |
|
cloudsearch_result_icon |
|
cloudsearch_result_title |
|
cloudsearch_result_snippet |
|
cloudsearch_result_metadata |
ข้อมูลประกอบ
ตัวอย่างโครงสร้าง 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>
| คลาส CSS | หมายเหตุ |
|---|---|
cloudsearch_facet_bucket_clickable |
ระบุองค์ประกอบที่สลับการเลือกตัวกรอง |
cloudsearch_facet_bucket_selected |
แสดงใน cloudsearch_facet_bucket_container หากเลือกตัวกรอง |
cloudsearch_facet_bucket_container |
|
cloudsearch_facet_result_container |
|
cloudsearch_facet_operator_container |
|
cloudsearch_facet_result_operator_name |
|
cloudsearch_facet_bucket_value |
|
cloudsearch_facet_bucket_percentage |
การใส่เลขหน้า
ตัวอย่างโครงสร้าง DOM:
...
| คลาส CSS | หมายเหตุ |
|---|---|
cloudsearch_pagination_container |
|
cloudsearch_pagination_center |
|
cloudsearch_pagination_icon |
|
cloudsearch_pagination_icon_first |
|
cloudsearch_pagination_icon_previous |
|
cloudsearch_pagination_icon_next |
|
cloudsearch_pagination_text |
จำนวนผลลัพธ์
<div class="cloudsearch_result_count_container">
<span class="cloudsearch_result_count_text">...span>
</div>
| คลาส CSS | หมายเหตุ |
|---|---|
cloudsearch_result_count_container |
|
cloudsearch_result_count_text |
ข้อความแจ้งให้ลงชื่อเข้าใช้
ตัวอย่างโครงสร้าง DOM:
...
| คลาส CSS | หมายเหตุ |
|---|---|
cloudsearch_sign_in_container |
|
cloudsearch_sign_in_button |
|
cloudsearch_sign_in_text |