Adding search form - by nicolino - on WordPress WooCommerce support

This topic has 14 replies, 3 voices, and was last updated 2 years, 9 months ago ago by Olga Barlow

  • Avatar: nicolino
    nicolino
    Participant
    April 28, 2021 at 18:15

    Hi is there a way to add a search icon that when press will open a searching text bowx ?

    Thx by advance for your answer and help to achieve this.

    Please, contact administrator
    for this information.
    13 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 28, 2021 at 18:20

    Hello,

    We don’t have such option by default. All the available layouts for the search you can find in Theme Options > Header builder > Search. Try Full-width type, maybe it will suit your needs.

    Regards

    Avatar: nicolino
    nicolino
    Participant
    April 28, 2021 at 18:27

    Ok thank you i’m gonna try.

    But i need to know 2 things first
    1/ After configurating my search options how can i add an icon and activating my search ?
    2/ Can i only search for blog results ?

    Thx by advance

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 29, 2021 at 07:58

    Hello,

    Theme Options > Header builder > add Search element into the header content.
    Here you can find some videos – https://youtu.be/RbdKjQrFnO4
    In settings of the search, you can select what exactly to search.

    Regards

    Avatar: nicolino
    nicolino
    Participant
    April 30, 2021 at 09:13

    Awesome, thank you.
    Where can i change textes for “WHAT ARE YOU LOOKING FOR?” and “TRENDING SEARCHES”

    Thanks by advance for your answer and help

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2021 at 09:38

    Hello,

    Have you created translation for the theme and XStore Core plugin – http://xstore.helpscoutdocs.com/article/30-base-theme-translation ?
    Provide temporary wp-admin access, so we can take a closer look.

    Regards

    Avatar: nicolino
    nicolino
    Participant
    April 30, 2021 at 22:19

    Here is my credentials.
    About this search there is no a page or static bloc where I can modify textes and add more infos ?
    And where can I change background color of tags ? (For now in red)

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 1, 2021 at 10:16

    Hello,

    I do not see the Loco translate plugin on your site. Mentioned strings of the search come from XStore Core plugin. If you are using PoEdit, create a translation for the Core plugin.

    About this search there is no a page or static bloc where I can modify textes and add more infos ?

    – no.

    And where can I change background color of tags ? (For now in red)

    – Theme Options > Styling > Main color

    Regards

    Avatar: nicolino
    nicolino
    Participant
    May 4, 2021 at 21:16

    Wouldn’t be so easy and better to have a way to completely edit this block (by adding texts infos, editing and changing titles and textes….)
    Why can’t we set it in a static bloc that would be imported then via elementor ?
    Cause i don’t like using loco translate and i feel better without adding a new plugin for only set 2 textes.
    Thx by advance

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 5, 2021 at 11:03

    You can submit this request here – https://www.8theme.com/taskboard/

    Regards

    Avatar: nicolino
    nicolino
    Participant
    May 25, 2021 at 09:36

    Hi request was submitted.
    Jack Richardson ask me to provide here a sample and FTP connexion.
    Hoping you and him could provide a quick and great solution.

    Thanks by advance.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 25, 2021 at 13:06

    Hello,

    So, what about FTP? I see WP Dashboard access only.

    Regards

    Avatar: nicolino
    nicolino
    Participant
    June 10, 2021 at 10:04

    Here you are

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 11, 2021 at 14:46

    Hello,

    1/ You are having a search button inside the content but you have uploaded hard-colored svg -> http://i.prntscr.com/UD9YE8ZrQKaD49PVrhuP2g.png

    I have added custom CSS below to your child theme to fix that and add the bg gradient for the full width search.

    /* fix custom svg colors in search popup */
    .search-full-width .search-button svg, .search-full-width .search-button svg path {
        fill: currentColor;
    }
    /* background gradient for search content */
    .search-full-width .et-mini-content {
        background-image: linear-gradient( 90deg , var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    }
    /* making transparent select+input of search */
    .et_b_header-search.search-full-width .input-row,
    .search-full-width input[type="text"] {
        background: transparent;
    }
    /* transparent background for search results */
    .search-full-width .ajax-search-form .ajax-results-wrapper .autocomplete-suggestions, .search-full-width .ajax-extra-content {
        background: transparent;
    }
    /* text color for search no-results */
    .search-full-width .autocomplete-no-suggestion {
        color: #fff;
    }

    2/ To change texts you can use Loco Translate plugin https://xstore.helpscoutdocs.com/article/30-base-theme-translation and instead of translating to other languages create translation for the existing language for the XStore Core plugin, find the mentioned strings and add your texts in the translation fields. You’ll be able to remove the Loco translate plugin once you finish, it won’t break the transaltion.

    3/ We have added few actions/filters for search full-width content
    http://i.prntscr.com/wdC2YW3JT7q333zpMggGlg.png

    Example:
    Create Static block in the backend (http://i.prntscr.com/ZDSOgpMeSPGZc4qgeDD_DQ.png)
    You can simply copy shortcode to your child-theme/functions.php (http://i.prntscr.com/r-HPXyJpQL_0nwqMMHCGLQ.png)

    Frontend view -> http://i.prntscr.com/gpJ04Mg9TvapPfPvpIGmsQ.png

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.