Skip to main content
The Depict Search block is the entry-point button that opens the search modal. It is added to a section or header in your theme. To edit these settings: Shopify admin → Online Store → Themes → Customize, navigate to the section where the button is placed (commonly the Header), then select the Depict Search block. See Search customization overview for where global (modal) settings live.
Image“Online Store → Edit Theme”

​
Settings

SettingDescriptionValues / DefaultApplies to
Custom search iconUpload your own icon for the button. Falls back to a built-in magnifier when empty.Image (optional)Desktop & Mobile
Search icon colorColor of the built-in magnifier icon (ignored when a custom icon image is used).Color · default #000000Desktop & Mobile
Button widthWidth of the button on desktop.CSS length · default 20pxDesktop
Button heightHeight of the button on desktop.CSS length · default 20pxDesktop
Icon sizeSize of the icon on desktop.CSS length · default 20pxDesktop
Button width (mobile)Width of the button on mobile.CSS length · default 20pxMobile
Button height (mobile)Height of the button on mobile.CSS length · default 20pxMobile
Icon size (mobile)Size of the icon on mobile.CSS length · default 20pxMobile
Mobile breakpointMax window width at which the mobile button sizes apply.CSS length · default 768pxBoth (threshold)
Button textOptional text shown to the left of the icon on desktop. When set, the button width/height settings are disabled (the button sizes to its content).Text (optional)Desktop