Return to previous page

How Do I change Placeholder text on search menu?

This topic has 5 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

  • Avatar: Zwivhuya_Sivhabu
    Zwivhuya Sivhabu
    Participant
    July 5, 2019 at 04:05

    I want to change the text from ‘Type Here’ to ‘Search’

    img

    #216628 Copied Theme version: latest
    4 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2019 at 07:12

    Hello,

    Theme Options > Typography > Menu > Customize mobile menu links > Search color.

    Regards

    #216630 Copied
    Avatar: Zwivhuya_Sivhabu
    Zwivhuya Sivhabu
    Participant
    July 5, 2019 at 08:05

    that is incorrect…. I want to change the placeholder text from ‘Type Here’ to ‘Something else’… not the color

    #216635 Copied
    Avatar: Zwivhuya_Sivhabu
    Zwivhuya Sivhabu
    Participant
    July 5, 2019 at 08:16

    Nevermind, I added additional js code

    var search = document.getElementsByName("s");
search[0].setAttribute("placeholder", "Search");
    #216636 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 5, 2019 at 08:19

    Oh I see, you can change the text using translation files. Install Loco translate plugin https://xstore.helpscoutdocs.com/article/30-base-theme-translation , create English translation, change desired strings of XStore theme and disable the Loco translate. For example – http://prntscr.com/oav87g > http://prntscr.com/oav8dh

    Regards

    #216637 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Customization service (hour)
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Business – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme

See All Templates

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