Drawers
You can apply border or shadow settings to drawers. Drawers include the cart drawer, the filter drawer on the collection and search pages, and the pickup availability pop-up on the product detail page.
Border settings
Customize the appearance of the drawer's border:
Setting | Description |
Thickness | Use the slider to adjust the thickness of the border. The range is from 0px to 12px. |
Opacity | You can increase or decrease the visibility of the border color to make it more expressive or less noticeable. |
Shadow settings
The “Shadow settings” allow you to customize the appearance of shadows for drawers on your website.
Setting | Description |
Opacity | This setting controls the transparency or darkness of the shadow. You can adjust it to make the shadow more or less prominent. |
Horizontal offset | The horizontal offset determines how far the shadow extends horizontally from the element casting the shadow. A positive value will move the shadow to the right, while a negative value will move it to the left. |
Vertical offset | The vertical offset determines how far the shadow extends vertically from the element. A positive value will move the shadow downwards, while a negative value will move it upwards. |
Blur | The blur setting controls the sharpness or softness of the shadow's edges. |