Collection page

Collection banner

Collection page

Collection banner

on Apr 10, 2024

Configure the collection banner. *Note: To add a description or image of the collection banner, you need to edit your collection. Learn more. Collection banner Show collection image Tick the checkbox to show the collection image on the banner. Image height Adjust the height of the collection image on desktop devices (450 px, 550 px, 650 px, 750 px, Adapt to first image, Fullscreen). Image overlay opacity Adjust the overlay opacity of the image (range from 0% to 100%). The higher the value, the darker the image is. Collection title position Adjust the position of the collection title (Left, Center, Right). Collection title size Adjust the size of the collection title (range from 50% to 200%). Mobile layout Image height Adjust the height of the collection image on mobile devices (250 px, 300 px, 400 px, 500 px, Adapt to first image, Fullscreen). Section padding Top padding Adjust the padding on top of the banner (range from 0 to 100 px). Bottom padding Adjust the padding at the bottom of the banner (range from 0 to 100 px). Breadcrumbs Breadcrumbs Desktop content alignment Adjust the alignment of the content on desktop devices (Left, Center, Right). Mobile content alignment Adjust the alignment of (Left, Center, Right). Style Background color (light/dark) Choose the color of the background. Text color (light/dark) Choose the color of the text. Text link color (light/dark) Choose the color of the hypertext. Description Description Desktop content alignment Adjust the alignment of the content on desktop devices (Left, Center, Right). Mobile content alignment Adjust the alignment of (Left, Center, Right). Style Background color (light/dark) Choose the color of the background. Text color (light/dark) Choose the color of the text. Padding Top padding Adjust the padding on top of the block (range from 0 to 100 px). Bottom padding Adjust the padding at the bottom of the block (range from 0 to 100 px).

Product filter

Collection page

Product filter

on Apr 03, 2024

1. What is a product filter? Product filters are features used to refine and narrow down search results or product listings based on specific criteria such as price, color, size, or category. They enhance the shopping experience by allowing customers to quickly find the products that match their preferences or requirements.  At the theme level, you cannot directly add filters to your store. Instead, you'll need to utilize apps like Shopify Search & Discovery. These apps offer advanced filtering capabilities and integration with your Shopify store. For detailed instructions on how to set up and customize filters, you can refer to the Shopify guide here. Once configured through such apps, the theme's role is to display these filters on your storefront, typically on collection and search results pages, enabling customers to easily navigate through available options.  In the collection page: In the search page: 2. How to create filters for collection/search results pages? To create filters for your collection and search results pages, you'll need to rely on apps like Shopify Search & Discovery. Each app may have its own documentation and instructions for adding filters, so it's essential to refer to the specific documentation provided by the app you're using.  You can find detailed instructions in the documentation provided by the Shopify app you've installed. For more information, you can refer to the Shopify documentation here: Shopify Search & Discovery Filters Documentation. 3. How to customize the filters in the storefront? To customize the filters in the storefront, the Eurus theme has these settings: Enable the filters and customize the filters. Configure the layout, including options for sticky filters. Choose desktop filter layout: Drawer, Aside, Above Set up pagination for navigating through the filtered results: Offer options for customers to select the layout of products on desktop and mobile separately; Pagination type Customize the information shown on the product cards like vendor, Quick view button.. Adjust padding and styling to ensure the filters blend seamlessly with your storefront's design. By configuring these settings, you can tailor the filters to suit your preferences and optimize the browsing experience for your customers.