<!-- wp:paragraph -->
<p>A dynamic search block is a highly customizable block. Here are a few versions that you can import from the library</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><strong>Regular Dynamic Search</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>The design of the input and button will be imported from the theme. To see dynamic results, start typing in the field</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-2202567"} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-2202567" id="gspb-search-gsbp-2202567" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form><div class="gspbsearch_results"><div class="gspbsearch_results_items"></div><div class="gspbsearch_results_inner"><!-- wp:greenshift-blocks/element {"id":"gsbp-a9574c0","type":"inner","localId":"gsbp-a9574c0","localStyles":{"flexbox":{"type":"flexbox","columngap":["20px"],"rowgap":["20px"]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"locked":true}},"border":{"borderRadius":{"values":{},"locked":true},"style":{"bottom":["solid"]},"size":{"bottom":[1]},"color":{"bottom":["#0000000f"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}}}} -->
<div data-style-id="gsbp-a9574c0"><!-- wp:greenshift-blocks/dynamic-post-image {"id":"gsbp-5872d92","image_size":"thumbnail","scale":"cover","width":["custom",null,null,null],"height":["custom",null,null,null],"customWidth":[80,null,null,null],"customHeight":[80,null,null,null],"placeholder":"https://placehold.co/80"} /-->
<!-- wp:greenshift-blocks/element {"id":"gsbp-914de4d","type":"inner","localId":"gsbp-914de4d"} -->
<div><!-- wp:greenshift-blocks/dynamic-post-title {"id":"gsbp-aff6a8e","spacing":{"margin":{"values":{"top":["0px"],"bottom":["8px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"size":["1.1rem"],"line_height":["1.5rem"],"decoration":"remove","customweight":"bold"},"placeholder":"Search title goes here"} /-->
<!-- wp:greenshift-blocks/meta {"id":"gsbp-67106b0","typographyValue":{"textShadow":{},"size":["15px"],"line_height":["20px"]},"type":"excerpt","typeselect":"postdata","clampEnable":true,"clamp":[2,null,null,null],"placeholder":"Post excerpt goes here"} /--></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div></div></div>
<!-- /wp:greenshift-blocks/searchbox -->
<!-- wp:paragraph -->
<p><strong>Product Search, dynamic results divided into 3 columns</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>You can customize how to show results in Flex option of search results.</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-aa7937c","iconSpacing":{"margin":{"values":{"left":["8px"]},"locked":false},"padding":{"values":{},"locked":false}},"post_type":["product"],"show":6,"searchBtn":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["0px"],"topRight":["6px"],"bottomRight":["6px"],"bottomLeft":["0px"]}},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchInput":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["6px"],"topRight":["0px"],"bottomRight":["0px"],"bottomLeft":["6px"]}},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000017"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{"right":["none"]},"customEnabled":{"right":true}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchResults":{"typography":{},"background":{"color":"#ffffff"},"border":{"borderRadius":{"values":{},"locked":true}},"csstransform":{},"shadow":{"hoffset":0,"voffset":15,"blur":30,"spread":0,"color":"rgba(119, 123, 146, 0.1)","position":"","preset":"3"},"spacing":{"margin":{"values":{"top":["15px"]},"locked":false},"padding":{"values":{},"locked":false}},"position":{"positionType":["absolute","","",""],"positions":{"values":{"top":["100%"],"left":["0px"],"right":["0px"]}},"Zindex":9},"flexbox":{"enable":false,"type":"grid","gridcolumns":[3,null,1]}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":["17px"],"iconSizeY":["17px"]},"btnType":"texticon"} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-aa7937c" id="gspb-search-gsbp-aa7937c" data-blockinstance="" data-posttypes="product" data-show="6" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_label">Search</span><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="product"/></form><div class="gspbsearch_results"><div class="gspbsearch_results_items"></div><div class="gspbsearch_results_inner"><!-- wp:greenshift-blocks/element {"id":"gsbp-7e99b13","type":"inner","localId":"gsbp-7e99b13","localStyles":{"flexbox":{"type":"flexbox","columngap":["20px"],"rowgap":["20px"]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"locked":true}},"border":{"borderRadius":{"values":{},"locked":true}}}} -->
<div data-style-id="gsbp-7e99b13"><!-- wp:greenshift-blocks/dynamic-post-image {"id":"gsbp-30ec9db","image_size":"thumbnail","scale":"cover","width":["custom",null,null,null],"height":["custom",null,null,null],"customWidth":[60,null,null,null],"customHeight":[60,null,null,null],"placeholder":"https://placehold.co/80"} /-->
<!-- wp:greenshift-blocks/element {"id":"gsbp-13cd275","type":"inner","localId":"gsbp-13cd275"} -->
<div><!-- wp:greenshift-blocks/dynamic-post-title {"id":"gsbp-8cc9b6a","spacing":{"margin":{"values":{"top":["0px"],"bottom":["0px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"size":["1rem"],"line_height":["1.3rem"],"decoration":"remove","customweight":"normal"},"placeholder":"Search title goes here"} /-->
<!-- wp:greenshift-blocks/product-price {"id":"gsbp-6979273","loading":false,"typography":{"textShadow":{},"size":["17px"],"color":"#00a724"},"typographyVariable":{"textShadow":{},"size":["15px"]},"typographyOldprice":{"textShadow":{},"size":["15px"],"color":"#c9c9c9"}} /--></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div></div></div>
<!-- /wp:greenshift-blocks/searchbox -->
<!-- wp:paragraph -->
<p><strong>Compact Look for Search inputs</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>You can customize the look for each input and also for form wrapper</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-804306f","searchBtn":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["0px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["0px"]}},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{"top":[null]},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["20px"],"left":["20px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchInput":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["0px"],"bottomRight":["0px"],"bottomLeft":["5px"]}},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000017"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{"right":["none"]},"customEnabled":{"right":true}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["12px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":["15px"],"iconSizeY":["15px"]}} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-804306f" id="gspb-search-gsbp-804306f" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form><div class="gspbsearch_results"><div class="gspbsearch_results_items"></div><div class="gspbsearch_results_inner"><!-- wp:greenshift-blocks/element {"id":"gsbp-f18a0b9","type":"inner","localId":"gsbp-f18a0b9","localStyles":{"flexbox":{"type":"flexbox","columngap":["20px"],"rowgap":["20px"]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"locked":true}},"border":{"borderRadius":{"values":{},"locked":true},"style":{"bottom":["solid"]},"size":{"bottom":[1]},"color":{"bottom":["#0000000f"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}}}} -->
<div data-style-id="gsbp-f18a0b9"><!-- wp:greenshift-blocks/dynamic-post-image {"id":"gsbp-293de72","image_size":"thumbnail","scale":"cover","width":["custom",null,null,null],"height":["custom",null,null,null],"customWidth":[80,null,null,null],"customHeight":[80,null,null,null],"placeholder":"https://placehold.co/80"} /-->
<!-- wp:greenshift-blocks/element {"id":"gsbp-08097a7","type":"inner","localId":"gsbp-08097a7"} -->
<div><!-- wp:greenshift-blocks/dynamic-post-title {"id":"gsbp-901fe24","spacing":{"margin":{"values":{"top":["0px"],"bottom":["8px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"size":["1.1rem"],"line_height":["1.5rem"],"decoration":"remove","customweight":"bold"},"placeholder":"Search title goes here"} /-->
<!-- wp:greenshift-blocks/meta {"id":"gsbp-1818c43","typographyValue":{"textShadow":{},"size":["15px"],"line_height":["20px"]},"type":"excerpt","typeselect":"postdata","clampEnable":true,"clamp":[2,null,null,null],"placeholder":"Post excerpt goes here"} /--></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div></div></div>
<!-- /wp:greenshift-blocks/searchbox -->
<!-- wp:paragraph -->
<p><strong>Search block on click</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>The dynamic search block can be used together with the popup sliding panel block; this will save space if you use search in the header.</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-d3be191","buttonContent":"","background":{"color":"#ffffff00"},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["8px"],"right":["12px"],"bottom":["8px"],"left":["12px"]},"locked":false}},"panelSpacing":{"margin":{"values":{"top":["5px"]},"locked":false},"padding":{"values":{},"locked":false}},"panelSpacingInner":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["15px"],"right":["15px"],"bottom":["15px"],"left":["15px"]},"locked":true}},"iconSpacing":{"margin":{"values":{"right":["0px"]},"locked":false},"padding":{"values":{},"locked":false}},"panelShadow":{"hoffset":0,"voffset":5,"blur":23,"spread":0,"color":"rgba(188, 207, 219, 0.35)","position":"","preset":"4"},"position":{"positionType":["relative"],"positions":{"values":{}}},"buttonLink":"#","enableIcon":true,"iconRight":false,"iconBox_icon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"#000000","fillhover":"","type":"font","iconSize":[25]},"slidingPanel":true,"slidePosition":"block","blockPosition":"bottom","isVariation":"slidingpanel","disableText":true} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-d3be191" id="gspb_button-id-gsbp-d3be191" data-paneltype="block"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" href="#" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-icon"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></span></a><div data-panelid="gspb_button-id-gsbp-d3be191" class="gspb_slidingPanel" data-hover=""><div class="gspb_slidingPanel-wrap"><div class="gspb_slidingPanel-inner"><!-- wp:greenshift-blocks/searchbox {"id":"gsbp-697809b","searchBtn":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["0px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["0px"]}},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{"top":[null]},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["20px"],"left":["20px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchInput":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["0px"],"bottomRight":["0px"],"bottomLeft":["5px"]}},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000017"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{"right":["none"]},"customEnabled":{"right":true}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["12px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":["15px"],"iconSizeY":["15px"]},"disableResults":true} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-697809b" id="gspb-search-gsbp-697809b" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form></div>
<!-- /wp:greenshift-blocks/searchbox --></div></div></div></div>
<!-- /wp:greenshift-blocks/buttonbox -->
<!-- wp:paragraph -->
<p><strong>Search block in popup</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Popup is another way for search's view</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/buttonbox {"id":"gsbp-ae44b68","buttonContent":"","backBackgroundColor":"#000000cc","background":{"color":"#ffffff00"},"panelBackground":{"color":"#ffffff00"},"spacing":{"margin":{"values":{"bottom":["0px"]},"locked":false},"padding":{"values":{"top":["8px"],"right":["12px"],"bottom":["8px"],"left":["12px"]},"locked":false}},"panelSpacing":{"margin":{"values":{"top":["5px"]},"locked":false},"padding":{"values":{},"locked":false}},"panelSpacingInner":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["50px"],"right":["25px",null,null,"0px"],"bottom":["25px",null,null,"0px"],"left":["25px",null,null,"0px"]},"locked":false}},"iconSpacing":{"margin":{"values":{"right":["0px"]},"locked":false},"padding":{"values":{},"locked":false}},"responsive":{"customcss":"{CURRENT} .gspb_slidingPanel-inner{\noverflow:visible;\n}\n{CURRENT} .gspb_slidingPanel-close{\nborder-radius: 100px;\n}\n"},"position":{"positionType":["relative"],"positions":{"values":{}}},"buttonLink":"#","enableIcon":true,"iconRight":false,"iconBox_icon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"#000000","fillhover":"","type":"font","iconSize":[25]},"slidingPanel":true,"slidePosition":"popup","blockPosition":"bottom","width":[60,null,null,90],"widthUnit":["vw",null,null,"vw"],"isVariation":"slidingpanel","disableText":true} -->
<div class="gspb_button_wrapper gspb_button-id-gsbp-ae44b68" id="gspb_button-id-gsbp-ae44b68" data-paneltype="popup"><a class="wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button" href="#" rel="noopener"><span class="gspb-buttonbox-textwrap"><span class="gspb-buttonbox-icon"><svg class="" style="display:inline-block;vertical-align:middle" width="15" height="15" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#565D66" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></span></a><div data-panelid="gspb_button-id-gsbp-ae44b68" class="gspb_slidingPanel" data-hover=""><div class="gspb_slidingPanel-wrap"><div class="gspb_slidingPanel-inner"><!-- wp:greenshift-blocks/searchbox {"id":"gsbp-32745db","iconSpacing":{"margin":{"values":{"right":[0],"left":["10px"]},"locked":false},"padding":{"values":{},"locked":false}},"searchInput":{"typography":{},"background":{"color":"#ffffff"},"border":{"borderRadius":{"values":{"topLeft":["0px"],"topRight":["0px"],"bottomRight":["0px"],"bottomLeft":["0px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000017"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{"right":["none"]},"customEnabled":{"right":true}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":["18px"],"iconSizeY":["18px"]},"btnType":"texticon"} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-32745db" id="gspb-search-gsbp-32745db" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_label">Search</span><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form><div class="gspbsearch_results"><div class="gspbsearch_results_items"></div><div class="gspbsearch_results_inner"><!-- wp:greenshift-blocks/element {"id":"gsbp-b3a7f2c","type":"inner","localId":"gsbp-b3a7f2c","localStyles":{"flexbox":{"type":"flexbox","columngap":["20px"],"rowgap":["20px"]},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["20px"],"right":["20px"],"bottom":["20px"],"left":["20px"]},"locked":true}},"border":{"borderRadius":{"values":{},"locked":true},"style":{"bottom":["solid"]},"size":{"bottom":[1]},"color":{"bottom":["#0000000f"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}}}} -->
<div data-style-id="gsbp-b3a7f2c"><!-- wp:greenshift-blocks/dynamic-post-image {"id":"gsbp-69c423e","image_size":"thumbnail","scale":"cover","width":["custom",null,null,null],"height":["custom",null,null,null],"customWidth":[80,null,null,null],"customHeight":[80,null,null,null],"placeholder":"https://placehold.co/80"} /-->
<!-- wp:greenshift-blocks/element {"id":"gsbp-9b38aaf","type":"inner","localId":"gsbp-9b38aaf"} -->
<div><!-- wp:greenshift-blocks/dynamic-post-title {"id":"gsbp-e17f2b2","spacing":{"margin":{"values":{"top":["0px"],"bottom":["8px"]},"locked":false},"padding":{"values":{},"locked":false}},"typography":{"textShadow":{},"size":["1.1rem"],"line_height":["1.5rem"],"decoration":"remove","customweight":"bold"},"placeholder":"Search title goes here"} /-->
<!-- wp:greenshift-blocks/meta {"id":"gsbp-99c13ee","typographyValue":{"textShadow":{},"size":["15px"],"line_height":["20px"]},"type":"excerpt","typeselect":"postdata","clampEnable":true,"clamp":[2,null,null,null],"placeholder":"Post excerpt goes here"} /--></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div></div></div>
<!-- /wp:greenshift-blocks/searchbox --></div><div class="gspb_slidingPanel-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"></path></svg></div></div></div></div>
<!-- /wp:greenshift-blocks/buttonbox -->
<!-- wp:paragraph -->
<p><strong>Search as common area</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>You can remove borders for buttons and input and save it for form, and this will give it the look as common area</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-e19e0f3","searchBtn":{"typography":{},"background":{"color":"#ffffff00"},"border":{"borderRadius":{"values":{"topLeft":["0px"],"topRight":["5px"],"bottomRight":["5px"],"bottomLeft":["0px"]}},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{"top":[null]},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["20px"],"left":["20px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchInput":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["5px"],"topRight":["0px"],"bottomRight":["0px"],"bottomLeft":["5px"]}},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000000"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{"right":["none"]},"customEnabled":{"right":true}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["12px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchForm":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["6px"],"topRight":["6px"],"bottomRight":["6px"],"bottomLeft":["6px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000012"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{},"locked":false}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"#000000","fillhover":"currentColor","type":"font","iconSize":["15px"],"iconSizeY":["15px"]},"disableResults":true} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-e19e0f3" id="gspb-search-gsbp-e19e0f3" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form></div>
<!-- /wp:greenshift-blocks/searchbox -->
<!-- wp:paragraph -->
<p><strong>Rounded edges</strong></p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-e99574a","searchBtn":{"typography":{"textShadow":{},"alignment":["center"]},"background":{"color":""},"border":{"borderRadius":{"values":{"topLeft":["100px"],"topRight":["100px"],"bottomRight":["100px"],"bottomLeft":["100px"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{"top":[null]},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["5px"],"left":["5px"]},"locked":true}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":["44px"]},"customHeight":{"value":["44px"]},"widthType":"custom","heightType":"custom","minWidth":["44px"],"minHeight":["44px"]}},"searchInput":{"typography":{},"background":{"color":"#ffffff00"},"border":{"borderRadius":{"values":{"topLeft":["100px"],"topRight":["100px"],"bottomRight":["100px"],"bottomLeft":["100px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000000"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{"right":["none"]},"customEnabled":{"right":true}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["12px"]},"locked":false}},"position":{"positionType":["","","",""],"positions":{"values":{}}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchForm":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["100px"],"topRight":["100px"],"bottomRight":["100px"],"bottomLeft":["100px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000012"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["3px"],"right":["3px"],"bottom":["3px"],"left":["3px"]},"locked":true}},"size":{"customWidth":{"value":[]},"customHeight":{"value":[]}}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"","type":"font","iconSize":["15px"],"iconSizeY":["15px"]},"disableResults":true} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-e99574a" id="gspb-search-gsbp-e99574a" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form></div>
<!-- /wp:greenshift-blocks/searchbox -->
<!-- wp:paragraph -->
<p><strong>Expandable option</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>You can enable an expandable option. This will remove the submit form on the button click and show expandable input instead. Great if you use it in the header. It's important to set proper place of expandable input, it can be from left or from right. Click on the button to see action. Important - expandable input is not recommended for use with dynamic results, so they are disabled here</p>
<!-- /wp:paragraph -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-0348513","searchBtn":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["200px"],"topRight":["200px"],"bottomRight":["200px"],"bottomLeft":["200px"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{"top":[null]},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["20px"],"left":["20px"]},"locked":false}},"position":{"positionType":["relative","","",""],"positions":{"values":{}},"Zindex":1},"size":{"customWidth":{"value":["45px"]},"customHeight":{"value":["45px"]},"widthType":"custom","heightType":"custom","minWidth":["45px"],"minHeight":["45px"]}},"searchInput":{"typography":{},"background":{"color":"#ffffff"},"border":{"borderRadius":{"values":{"topLeft":["200px"],"topRight":["200px"],"bottomRight":["200px"],"bottomLeft":["200px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000012"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1},"csstransform":{"time":"0.5","opacity":"0"},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["12px"]},"locked":false}},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["0px"]}},"Zindex":0},"size":{"customWidth":{"value":["0px"]},"customHeight":{"value":["46px"]},"widthType":"custom","maxWidth":["0px"],"heightType":"custom"}},"searchInputFocus":{"typography":{},"background":{},"border":{"borderRadius":{"values":{},"locked":true}},"csstransform":{"opacity":"1"},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"left":["55px"]},"locked":false}},"size":{"customWidth":{"value":["300px"]},"customHeight":{"value":[]},"widthType":"custom","maxWidth":["300px"]}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":["15px"],"iconSizeY":["15px"]},"enableExpandable":true,"disableResults":true} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-0348513" id="gspb-search-gsbp-0348513" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button expandedbtn"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form></div>
<!-- /wp:greenshift-blocks/searchbox -->
<!-- wp:greenshift-blocks/searchbox {"id":"gsbp-f686b65","searchBtn":{"typography":{},"background":{},"border":{"borderRadius":{"values":{"topLeft":["200px"],"topRight":["200px"],"bottomRight":["200px"],"bottomLeft":["200px"]},"locked":true},"style":{},"size":{},"color":{},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{}},"csstransform":{},"shadow":{},"spacing":{"margin":{"values":{"top":[null]},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["20px"],"left":["20px"]},"locked":false}},"position":{"positionType":["relative","","",""],"positions":{"values":{}},"Zindex":1},"size":{"customWidth":{"value":["45px"]},"customHeight":{"value":["45px"]},"widthType":"custom","heightType":"custom","minWidth":["45px"],"minHeight":["45px"]}},"searchInput":{"typography":{},"background":{"color":"#ffffff"},"border":{"borderRadius":{"values":{"topLeft":["200px"],"topRight":["200px"],"bottomRight":["200px"],"bottomLeft":["200px"]},"locked":true},"style":{"all":["solid"]},"size":{"all":[1]},"color":{"all":["#00000012"]},"styleHover":{},"sizeHover":{},"colorHover":{},"custom":{},"customEnabled":{},"preset":1},"csstransform":{"time":"0.5","opacity":"0"},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"top":["5px"],"bottom":["5px"],"right":["15px"],"left":["12px"]},"locked":false}},"position":{"positionType":["absolute","","",""],"positions":{"values":{"left":["0px"]}},"Zindex":0},"size":{"customWidth":{"value":["0px"]},"customHeight":{"value":["46px"]},"widthType":"custom","maxWidth":["0px"],"heightType":"custom"}},"searchInputFocus":{"typography":{},"background":{},"border":{"borderRadius":{"values":{},"locked":true}},"csstransform":{"opacity":"1"},"shadow":{},"spacing":{"margin":{"values":{},"locked":false},"padding":{"values":{"left":[null],"right":["55px"]},"locked":false}},"size":{"customWidth":{"value":["300px"]},"customHeight":{"value":[]},"widthType":"custom","maxWidth":["300px"]},"position":{"positionType":["absolute","","",""],"positions":{"values":{"right":["calc(100% - 45px)"],"left":["auto"]}}}},"searchIcon":{"icon":{"font":"rhicon rhi-search","svg":"","image":""},"fill":"currentColor","fillhover":"currentColor","type":"font","iconSize":["15px"],"iconSizeY":["15px"]},"enableExpandable":true,"disableResults":true} -->
<div class="wp-block-greenshift-blocks-searchbox gspbsearch-box gspb-search-gsbp-f686b65" id="gspb-search-gsbp-f686b65" data-blockinstance="" data-posttypes="post" data-show="5" data-noresults="No results"><form role="search" method="get" action="" class="gspbsearch_form"><input type="text" name="s" class="gspbsearch_input" placeholder="Type to Search..." autocomplete="off"/><button type="submit" class="gspbsearch_btn wp-element-button expandedbtn"><span class="gspbsearch_btn_icon"><svg class="" style="display:inline-block;vertical-align:middle" width="22" height="22" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path style="fill:#fff" d="M1017 963.2l-258-258c-4.6-4.6-10.6-7-17-7h-20.6c68.6-74.2 110.6-173.2 110.6-282.2 0-229.8-186.2-416-416-416s-416 186.2-416 416 186.2 416 416 416c109 0 208-42 282.2-110.4v20.4c0 6.4 2.6 12.4 7 17l258 258c9.4 9.4 24.6 9.4 34 0l19.8-19.8c9.4-9.4 9.4-24.6 0-34zM416 768c-194.6 0-352-157.4-352-352s157.4-352 352-352 352 157.4 352 352-157.4 352-352 352z"></path></svg></span></button><input type="hidden" name="post_type" value="post"/></form></div>
<!-- /wp:greenshift-blocks/searchbox -->Copy code
