> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🎯 Cómo configurar el selector de precios personalizados

> ℹ️ **Note:** Este artículo fue traducido automáticamente usando AI y puede contener imprecisiones. Si algo se ve mal, póngase en contacto con nuestro equipo de apoyo.

No todos Shopify los temas utilizan selectores de precios estándar. Algunos temas muestran precios usando estructuras HTML personalizadas, que pueden evitar que la conversión automática de moneda funcione correctamente.

Ahí es donde **Selectores de precios personalizados** Adelante.

Al agregar el selector de precio correcto, puede decir Hoppy Currency Converter exactamente donde los precios están ubicados en su escaparate para que puedan ser convertidos correctamente a través de páginas de productos, colecciones, cajones de carrito, y otras secciones personalizadas. 💱

---

# **⚠️ Antes de empezar**

Antes de configurar un selector de precios personalizado:

*   Asegúrese de que el precio es visible en su escaparate
*   Asegúrese de que puede inspeccionar elementos de página usando su navegador
*   Identificar el precio específico que no está convirtiendo correctamente

Si no está seguro de qué selector utilizar, nuestro equipo de soporte puede ayudar a identificarlo para usted.

---

# **🛠️ Paso 1 - Abierto Hoppy Currency Converter**

Abrir el **Hoppy Currency Converter** aplicación de tu Shopify Admin.

---

# **⚙️ Paso 2 - Abrir ajustes avanzados**

Desde el menú de navegación izquierdo:

→ **Avances**

Esta sección contiene ajustes adicionales utilizados para la compatibilidad temática y configuraciones avanzadas de escaparate.

---

# **🎯 Paso 3 - Localizar selectores de precios personalizados**

Dentro de la sección Avanzada:

→ Encontrar el **Selectores de precios personalizados** sobre el terreno

Aquí es donde añadirás el selector utilizado para identificar elementos de precio en tu escaparate.

---

# **🌐 Paso 4 - Abra la página principal**

Navegue a la página donde aparece el precio.

Por ejemplo:

*   Páginas de productos
*   Páginas de recogida
*   Seccións de productos destacados
*   Carritos
*   Páginas de Carrito

Abra la página exacta donde los precios no se están convirtiendo correctamente.

---

# **🔍 Paso 5 - Inspeccionar el elemento de precio**

Encuentra el precio en tu tienda.

Entonces:

→ Haga clic derecho en el precio

→ Seleccionar **Inspección**

Esto abre las herramientas de desarrollo de su navegador y destaca el elemento HTML responsable de mostrar ese precio.

---

# **📋 Paso 6 - Identificar el selector correcto**

Busque una:

### **Selector de clase**

Ejemplo:

clase= "price-item"

Uso:

.price-item

---

### **Selector de identificación**

Ejemplo:

id="product-price"

Uso:

#product-price

⚠️ Importante:

*   Los selectores de clase deben comenzar con un **(.)**
*   Los selectores de identificación deben comenzar con un **hash (#)**

Utilizando el formato incorrecto puede evitar que el convertidor detecte los precios correctamente.

---

# **➕ Paso 7 - Añadir el Selector**

Volver a:

→ **Avanzado → Selectores de precios personalizados**

Pruebe su selector en el campo.

### **Selectores múltiples**

Si los precios aparecen en múltiples ubicaciones, puede añadir más de un selector.

Separar cada selector con coma.

### **Ejemplo**

.product price, .price-item .money, #product-price

Esto permite que la aplicación detecte precios a través de múltiples secciones de almacén.

---

# **💾 Paso 8 — Guarda tus cambios**

Una vez añadido el selector:

→ **Guardar**

El Conversor de Moneda comenzará ahora a supervisar los elementos de precio especificados.

---

# **🧪 Paso 9 - Prueba la Conversión**

Después de guardar:

→ Refresca tu escaparate

Para los mejores resultados:

*   Use un Incognito / Ventana del navegador privado
*   Caché de navegador claro si es necesario
*   Cambiar entre monedas y verificar que los precios se actualizan correctamente

Revise todas las áreas del almacén donde se agregó el selector.

---

# **🆘 ¿Necesita ayuda para encontrar el selector correcto?**

Algunos Shopify Los temas utilizan estructuras muy personalizadas que hacen que los selectores sean más difíciles de identificar.

Si no está seguro de qué selector debe ser utilizado:

→ Contactar con nuestro equipo de soporte

Incluido:

*   Tienda URL
*   Página URL donde se produce el problema
*   Captura de Pantalla de la sección del precio

Estaremos encantados de ayudar a identificar el selector correcto para su tema. 🤝

---

# **🎉 Resultado final**

Una vez configurado con éxito:

✅ Los precios se convierten correctamente en tu escaparate

✅ Los elementos de precio de tema personalizado se vuelven detectables

✅ Los precios del producto, la colección y el carrito permanecen sincronizados

✅ La conversión de la moneda se vuelve más precisa y fiable

✅ Los clientes ven precios consistentes en todas las monedas compatibles 💱

---