📖
Glozin Shopify
Open Store FreeTheme FeaturesDemoOnline SupportBuy Theme
  • Introduction
  • Theme features
  • Changelog
  • get started
    • Install theme
      • Install Glozin In One-Click Fast Way
      • Install Glozin Manually
    • Update theme
      • Update Glozin In One-Click Fast Way
      • Update Glozin Manually
    • Purchase code & Activation
    • Custom data
      • Create required pages
      • Create required metafields
  • shopify apps
    • Required apps
    • Recommended apps
  • recommended partners
    • Theme Partners
    • App partners
      • Marketing & Conversion
      • Store Management
      • Order & Shipping
      • Store Design
      • Finding Products
      • Selling Products
      • Page
    • Service Partners
  • shopify knowledgebase
    • User guide
    • Edit theme code
  • how to change elements of page?
    • Home pages
      • Home Main
      • Home Chic Boutique
      • Home Footwear
      • Home Modern Wardrobe
      • Home Cosmetic
      • Home Minimal Furniture
      • Home Elegant Style
      • Home Paw Paradise
      • Home Sock
      • Home Activewear
      • Home Healthy Haven
      • Home Morden Furniture
      • Home Underwear
      • Home Echelon Watches
      • Home EchoZone
      • Home Single Product
    • Collection page
      • Horizontal filter layout
      • Vertical filter layout
        • Left filter
        • Right filter
      • Drawer filter layout
      • Pagination style
        • Load more button
        • Page number
        • Infinite scroll
      • List view
    • Collection list page
      • Default design
      • Modern design
    • Product page
      • Thumbnail left
      • Thumbnail bottom
      • Hidden thumbnail
      • Grid 1 column
      • Grid 2 column
      • Stack layout
    • Blog page
      • Left sidebar
      • Right sidebar
      • Grid layout
      • List layout
    • Other pages
      • Search page
        • Horizontal filter layout
        • Vertical filter layout
          • Left filter
          • Right filter
        • Drawer filter layout
      • 404 page
      • Password page
  • theme settings
    • Purchase code
    • Logo and favicon
    • Layout settings
    • Section
    • Typography
    • Color
    • Browser tab notifications
    • Badges
    • Product cards
    • Color swatches
    • Search behavior
    • Wishlist
    • Cart
    • Social media
    • Preload page
    • Animation
    • Store information
    • Currency format
    • Cookies
    • Terms & Condition
    • Custom CSS
  • header group
    • Announcement bar
    • Top Bar
    • Header
      • Mega menu with banner image
      • Mega menu with product
      • Mega menu with collection
    • Custom HTML
    • Custom Liquid
  • footer group
    • Footer
      • Store information
      • Menu
      • Newsletter
      • Custom Liquid
  • fixed group
    • Fake order
    • Mobile navigation bar
    • Quickview
    • Custom colors
  • overlay group
    • Age verifier popup
    • Newsletter popup
    • Before you leave
    • Promotion popup
  • Theme sections
    • Blog posts
    • Brand logo
    • Collection list
    • Outfit Ideas
    • Collection packery
    • Collection tab
    • Counter
    • Custom HTML
    • Custom Liquid
    • Divider
    • Featured product
    • Faq
    • Icon box
    • Image comparison slider
    • Image with text overlay
    • Instagram
    • Instagram shop
    • Lookbook image
    • Lookbook product
    • Multi content
    • Newsletter
    • Slideshow
    • Products deal
    • Products carousel
    • Products grid
    • Products list
    • Products recently viewed
    • Product testimonials
    • Rich text
    • Scrolling text
    • Shopable video
    • Video with text overlay
    • Tiktok video
    • Testimonials
    • Testimonials single
    • Promotion banner
    • Help center
  • collection page
    • Edit collection page
    • Collections list page
      • Page heading
      • Collections list page
    • Collection page
      • Collection banner
      • Sub collection
      • Collection page
      • Filters
  • product page settings
    • Edit product page
    • Breadcrumbs
    • Product information
      • Review and sold
      • Live view
      • Countdown timer
      • Variant picker
      • Product addons
      • Stock countdown
      • Buy buttons
      • Model size
      • Product grouped
      • More colors
      • Text
      • Product custom field
      • Product meta
      • Delivery return
      • Collapsible row
      • Complementary products
      • Trust badge
      • Custom Liquid
      • 360° Product
    • Product set
    • Related product
    • Product thumbnails position
      • Thumbnail left
      • Thumbnail bottom
      • Hidden thumbnail
      • Grid 1 column
      • Grid 2 columns
      • Stack layout
      • Open lightbox
      • Inner zoom circle
      • Inner zoom square
      • External zoom
    • Variant image group
    • Setup External/Affiliate product
    • Setup product group
    • Frequently bought together products
  • OTHER PAGES SETTINGS
    • Blogs
      • Blog category
      • Tags
      • Recent post
      • Banner image
    • Blog posts
    • 404 Page
    • Password
    • Our store
    • About
    • Contact
    • Faqs
    • Compare
    • Wishlist
  • FREQUENTLY ASKED QUESTIONS
    • How to translate a theme after adding a new default language?
    • The purchase code is already activated on another site
    • Missing images when install Glozin
    • Some pages are missing
    • Theme translation
    • Change currency
    • The desktop screen look more like on a tablet
    • Missing template "layout/theme.liquid"
    • Change free shipping message
    • How to setup pre-order products?
    • How to translate "Buy now" button?
    • How to add a staff account
    • How to change fonts?
Powered by GitBook
On this page
  1. how to change elements of page?
  2. Other pages

Search page

Enhance your store's functionality and user experience with three distinct filter arrangement options: Horizontal, Vertical, and Drawer. Each layout is designed to cater to different browsing preferences and screen sizes, ensuring that every customer finds what they're looking for effortlessly.

  1. Horizontal layout: This layout places filters horizontally across the top of the search results page. It's perfect for providing a clear, accessible filtering option that users can adjust without scrolling down, making it ideal for desktop users who appreciate an at-a-glance filtering overview.

  2. Vertical layout: Available with options to place filters on either the left or right side of the page, the vertical layout offers a traditional approach that is familiar to many users. This method is great for detailed filtering, allowing customers to refine their search while they scroll through the products.

  3. Drawer layout: This modern and space-saving option features filters that slide out from the left side of the page upon interaction. The drawer layout keeps the page clean and uncluttered, maximizing viewing space for products while still offering full filtering capability. It's particularly effective on mobile devices or in any user interface where space is at a premium.

Implement these Search Page Layouts to optimize the search and filtering experience on your Shopify store. Whether your customers prefer a direct and straightforward approach or a more hidden yet accessible filtering system, these layouts adapt to diverse needs, improving navigation, enhancing user satisfaction, and potentially increasing conversion rates.

PreviousOther pagesNextHorizontal filter layout

Last updated 11 months ago