Collection banner
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
Click the link below to read the user guide for Product filter of Eurus theme:
https://themes.bsscommerce.com/blogs/collection-page/product-filter