Search widget doesn’t work

Resolved Altisu
(@altisu)

5 years, 2 months ago

Hello everyone! (;
The search widget on the main page of my site doesn’t work! When I press the icon, my screen just becomes darker. That’s all… -_-
What should I do, folks?
Could someone help me?
Thanks for the attention! (:

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

Altisu

(@altisu)

5 years, 2 months ago

I’ve just found the solution by myself! ;D

Here is the proper code of the search widget:

<!-- Search -->
                    <div class="pc-header-layout-4__search">
                        <div class="search-overlay"  data-search-overlay-scope>
                            <button class="search-overlay__btn" type="button" data-search-overlay-btn>
                                <i class="search-overlay__icon">
                                    <svg class="svg-icon  "><use xlink:href="https://goodlook.premmerce.com/wp-content/themes/saleszone-premium/public/svg/sprite.svg#svg-icon__search-thin"></use></svg>                                </i>
                            </button>
                            <div class="search-overlay__overlay hidden" data-search-overlay-overlay></div>
                            <div class="search-overlay__search hidden"  data-search-overlay-search>
                                <div class="widget woocommerce widget_product_search"><div class="product-search"
     >
    <!-- site-search -->
    <form class="product-search__form woocommerce-product-search"
          role="search"
          method="get"
          action="https://goodlook.premmerce.com/">
        <div class="product-search__input-group">
            <input class="product-search__form-control search-field autocomplete__input"
                   id="woocommerce-product-search-field-0"
                   autocomplete="off"
                   type="text"
                   placeholder="Search products"
                   value=""
                   name="s" />

            <div class="product-search__input-group-btn">
                <button class="product-search__submit" type="submit">
                    <i class="product-search__submit-icon">
                                                    <svg class="svg-icon  "><use xlink:href="https://goodlook.premmerce.com/wp-content/themes/saleszone-premium/public/svg/sprite.svg#svg-icon__search-thin"></use></svg>                                            </i>
                </button>
            </div>
        </div>
        <input type="hidden" name="post_type" value="product" />
    </form>

    
</div></div>                            </div>
                        </div>
                    </div>

You just need to paste it in the header-layout_4.php and replace three lines with your site info.

Here:
<use xlink:href="https://goodlook.premmerce.com/wp-content/themes/saleszone-premium/public/svg/sprite.svg#svg-icon__search-thin">

Here:
action="https://goodlook.premmerce.com/">

And, finally, here (yeah, the same as the first):
<use xlink:href="https://goodlook.premmerce.com/wp-content/themes/saleszone-premium/public/svg/sprite.svg#svg-icon__search-thin">

Hope it could help. Enjoy (: