Ocultar precios de productos

Esta página fue impresa el Apr 18, 2024. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-product-prices.

Puedes ocultar todos los precios de tus productos y volver a mostrarlos en el futuro editando tus formatos de moneda.

Pasos:

  1. Desde tu panel de control de Shopify, ve a Configuración.
  2. Haz clic en Información de la tienda.
  3. En la sección Moneda de la tienda, haz clic en Cambiar formato.
  4. Incluye los dos primeros formatos en un elemento span con una clase configurada en hidden. No uses comillas. Por ejemplo, a continuación se muestra el código HTML con formato de moneda para una tienda que usa USD como moneda: 
<span class=hidden>${{ amount }} USD</span>

A continuación se muestra el código HTML sin formato de moneda:

<span class=hidden>${{ amount }}</span>
  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. Desplázate hasta la sección Configuración de la tienda.
  3. Haz clic en Información de la tienda.
  4. En la sección Moneda de la tienda, haz clic en Cambiar formato.
  5. Incluye los dos primeros formatos en un elemento span con una clase configurada en hidden. No uses comillas. Por ejemplo, a continuación se muestra el código HTML con formato de moneda para una tienda que usa USD como moneda: 
<span class=hidden>${{ amount }} USD</span>

A continuación se muestra el código HTML sin formato de moneda:

<span class=hidden>${{ amount }}</span>
  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. Desplázate hasta la sección Configuración de la tienda.
  3. Haz clic en Información de la tienda.
  4. En la sección Moneda de la tienda, haz clic en Cambiar formato.
  5. Incluye los dos primeros formatos en un elemento span con una clase configurada en hidden. No uses comillas. Por ejemplo, a continuación se muestra el código HTML con formato de moneda para una tienda que usa USD como moneda: 
<span class=hidden>${{ amount }} USD</span>

A continuación se muestra el código HTML sin formato de moneda:

<span class=hidden>${{ amount }}</span>

Esta debería ocultar todos los precios en tu tienda online. Si los precios aún se muestran, debes agregar un código en la parte inferior de la hoja de estilo de tu tema. Continúa para realizar los siguientes pasos.

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.

  3. En el directorio Recursos, haz clic para abrir el archivo theme.scss.liquid. El nombre de la hoja de estilo puede variar de un tema a otro, de modo que, si no encuentras theme.scss.liquid, busca una de las opciones siguientes:

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  4. En la parte inferior del archivo, agrega el siguiente código:

.hidden {
  display: none;
}
  1. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.

  5. En el directorio Recursos, haz clic para abrir el archivo theme.scss.liquid. El nombre de la hoja de estilo puede variar de un tema a otro, de modo que, si no encuentras theme.scss.liquid, busca una de las opciones siguientes:

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  6. En la parte inferior del archivo, agrega el siguiente código:

.hidden {
  display: none;
}
  1. Haz clic en Guardar.
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Administrar temas.
  4. Busca el tema que desees editar, haz clic en el botón … para abrir el menú de acciones y, luego, haz clic en Editar código.

  5. En el directorio Recursos, haz clic para abrir el archivo theme.scss.liquid. El nombre de la hoja de estilo puede variar de un tema a otro, de modo que, si no encuentras theme.scss.liquid, busca una de las opciones siguientes:

    • style.scss.liquid
    • styles.scss.liquid
    • theme.css.liquid
    • timber.scss.liquid

  6. En la parte inferior del archivo, agrega el siguiente código:

.hidden {
  display: none;
}
  1. Haz clic en Guardar.

Cuando quieras volver a mostrar tus precios, cambia la moneda de tu tienda a otra moneda y luego vuelve a cambiarla a tu propia moneda. Esto restaurará tu configuración a los formatos de dinero predeterminados para la moneda de tu tienda y volverá a mostrar los precios en tu tienda online.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis