¿Cómo hacer que tu barra de búsqueda de Shopify luzca más redondeada?

Rate this article

Share this article

La barra de búsqueda predeterminada de Shopify es un rectángulo. Para hacerlo más redondeado, debes cambiar el atributo de radio de borde de la barra de búsqueda de Shopify. Esto hará que tu barra de búsqueda de Shopify sea más redondeada. Junto con el filtro de aplicaciones y la búsqueda, esto también aumenta la belleza visual de su tienda. La aplicación de barra de búsqueda Shopify de ExpertRec se encuentra entre las mejores. Es una aplicación de búsqueda inteligente que proporciona búsqueda instantánea en tu tienda. La aplicación Shopify de búsqueda en vivo tarda menos de 5 minutos en agregar toda la búsqueda de productos de Shopify

La aplicación de búsqueda en Shopify es extremadamente crítica ya que las aplicaciones de búsqueda inteligente son la necesidad del momento. Con la capacidad de búsqueda por voz de la aplicación Shopify, los usuarios pueden encontrar fácilmente el producto que desean.

 

make shopify search more rounded

Estos son los pasos para hacer que tu búsqueda en Shopify sea más completa.

  1. Inicia sesión en tu panel de administración de Shopify.
  2. Vaya a tienda online->configuración->temas->acciones->editar código.

    make shopify search more rounded

  3. Vaya a activos-> Abra el archivo theme.scss.liquid.

    make shopify search more rounded

  4. En el archivo de código de theme.scss.liquid, busque “search-bar__input” alrededor de la línea 4557.

    make shopify search more rounded

  5. En el siguiente código cambie border-radius: 0px; al radio del borde: 50px; Si quieres más redondez.

    .barra de búsqueda__entrada {
    color de fondo: transparente;
    radio del borde: 50px;
    color: $color-texto;
    color del borde: transparente;
    relleno-derecha: calc(35em / 16);
    ancho: 100%;
    altura mínima: 44px;

  6. Con la búsqueda personalizada de Shopify de expertrec, puedes cambiar fácilmente la apariencia de tu motor de búsqueda sin tener que tocar el código.
  7. También puedes instalar la aplicación Shopify de expertrec que te permite hacer que tu barra de búsqueda de Shopify sea más redondeada desde aquí.

    Shopify search app

Agrega un motor de búsqueda a tu sitio web por 9 USD al mes

Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like