Agile - Premium Shopify Theme
Shopify GuidesContact Us
  • Agile - Greeting
  • THEME INSTALLATION
    • Recommended Apps
    • Create Required Metafields
  • Theme Setting
    • Favicon
    • Layout
    • Badges
    • Colors
    • Typography
    • Product
    • Color swatches
    • Social media
    • Search behavior
    • Animation
    • Currency format
    • Cart
    • Checkout
    • Cookies
    • Custom CSS
  • Sections
    • Announcement bar
    • Header
    • Featured product
    • Collection list
    • Rich text
    • Image with text
    • Slideshow
    • Newsletter
    • Contact form
    • Video
    • Custom liquid
    • Blog posts
    • Countdown timer
    • Divider
    • FAQ
    • Google map
    • Icons with text
    • Image with text overlay
    • Logo list
    • Promotion banner
    • Recently viewed products
    • Scrolling text
    • Shopable image
    • Spacing
    • Testimonials
    • Tiktok video
    • Video with text overlay
    • Featured collection
    • Search
    • Quick shop
    • Newsletter popup
    • Age verifier popup
    • Footer
    • Mobile navigation bar
    • Cart drawer
    • Page heading
    • Product testimonials
    • Shopable video
    • Image tabs
    • Image testimonials
    • Image comparison slide
    • Bundle products
  • Collections & Products Pages
    • Products
      • Page template sections
        • Product information
        • App
        • Related products
    • Collections
      • Page template sections
        • Product grid
        • Collection banner
    • Collections list
      • Page template sections
        • Collection list page
  • Other pages
    • Cart
    • Checkout
    • Search
    • Blogs
      • Page template sections
        • Blog carousel
        • Blog posts
    • Blog posts
    • 404 page
    • Password
    • Our store
    • About us
      • Page template sections
    • Contact us
      • Page template sections
    • Faqs
  • FREQUENTLY ASKED QUESTIONS
    • How to change Elements of page?
      • Home Page
        • Gorde
        • Obik
        • Glamor
        • Serums
        • Rustic
    • How to translate a theme after adding a new default language?
    • Theme translation
    • Change currency
    • The desktop screen look more like on a tablet
    • Change free shipping message
    • How to setup pre-order products?
    • Staff account
Powered by GitBook
On this page
  • How to customize your Search Results section?
  • General Settings
  • Filtering and sorting
  • Product grid
  • Section padding
  1. Other pages

Search

Last updated 1 year ago

The Search page is a vital tool for efficiently finding specific products or information on a website. It displays search results tailored to your query, saving time and simplifying navigation. This feature enhances user experience by quickly connecting users with their desired items, streamlining the online shopping process

How to customize your Search Results section?

Steps

  1. In the theme editor (Customize), open the template selector.

  2. Select Others, then Search.

  3. On the left-sidebar, add Search results

  4. Make necessary changes > Save.

General Settings

Setting
Description

Section width

3 options for section width

  • Stretch width: span the section width regardless of screen size.

  • Fix width: depends on your page content width in Theme settings -> Layout.

  • Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.

Filtering and sorting

  • Enable sorting: When enabled, it will display sorting options for arranging products

  • Enable filtering: When enabled, it will display the configured filter options, allowing you to filter products

This app not only enables you to tailor your filters but also grants you the capability to personalize search results and product recommendations, providing you with greater control over how customers explore and find your products.

  • Show filter counts: Display the quantity of products when filtering

  • Desktop filter layout: 3 options for desktop filter layout

Product grid

Setting
Description

Products per page

Limit the display of the number of page. Minimum: 4. Maximum: 24

Column per row on desktop

Number of columns to display on desktop computers. Minimum: 2. Maximum: 5.

Column gap

4 options for column gap

  • Small

  • No gap

  • Medium

  • Large

Section padding

  • Top padding: Customize the top margin of the section

  • Bottom padding: Customize the bottom margin of the section

To customize filters in your store, you will need the app.

Discover

Shopify Search & Discovery
how to customize filters using the app.