View all available settings for this section, including each setting's ID, type, default, and available options.
Muestra los comentarios del artículo. Para activar los comentarios: ve al administrador de tu tienda online; luego a Entradas de blog; haz clic en Gestionar blogs; haz clic en el blog que quieras actualizar; desplázate hasta la sección Comentarios y selecciona tu opción preferida; haz clic en guardar. Más información
select
Estilo del botón
ID:style_button
Options:
Círculo circle
Simple plain
Principal primaryDefault
Secundario secondary
Círculo pequeño sm-circle
Pequeño simple sm-plain
Pequeño principal sm
Pequeño secundario sm-secondary
XL circular xl-circle
XL simple xl-plain
XL primario xl
XL secundario xl-secondary
checkbox
Mostrar botón de ancho completo en móvil
ID:display_width_full_mobile
Options:
True true
False falseDefault
Personaliza el relleno por encima y por debajo del contenido de la sección. Más información
range
Relleno superior - Escritorio
Establece un valor numérico entre min y max; el incremento lo define el valor step.
ID:padding_top_desktop
min: 0
max: 120
step: 4
unit: px
range
Relleno inferior - Escritorio
Establece un valor numérico entre min y max; el incremento lo define el valor step.
ID:padding_bottom_desktop
min: 0
max: 120
step: 4
unit: px
range
Relleno superior - Móvil
Establece un valor numérico entre min y max; el incremento lo define el valor step.
ID:padding_top_mobile
min: 0
max: 120
step: 4
unit: px
range
Relleno inferior - Móvil
Establece un valor numérico entre min y max; el incremento lo define el valor step.
ID:padding_bottom_mobile
min: 0
max: 120
step: 4
unit: px
Añade un color, degradado, imagen o vídeo como fondo de la sección. Ten en cuenta que ajustar esta configuración puede afectar al diseño. Más información
color
Color de fondo
Elige un color con el selector del editor de temas.
ID:color_background_component
color_background
Degradado de fondo
Anulará el color de fondo.
Elige o crea un degradado CSS, o añade o edita CSS de degradado personalizado.
ID:color_background_gradient_component
color
Color de superposición de fondo
Elige un color con el selector del editor de temas.
ID:color_overlay_component
color_background
Degradado de superposición de fondo
Anulará el color de superposición de fondo.
Elige o crea un degradado CSS, o añade o edita CSS de degradado personalizado.
ID:color_overlay_gradient_component
range
Opacidad de la superposición de fondo
Establece un valor numérico entre min y max; el incremento lo define el valor step.
ID:opacity_overlay_component
min: 0
max: 100
step: 4
unit: %
image_picker
Imagen de fondo
Sube o elige una imagen entre tus archivos disponibles; define texto alternativo y un punto focal opcional.
ID:image_background_component
image_picker
Imagen de fondo - Móvil
En móviles se usará la imagen de fondo anterior, salvo que se sobrescriba aquí.
Sube o elige una imagen entre tus archivos disponibles; define texto alternativo y un punto focal opcional.
ID:image_background_component_mobile
video
Vídeo de fondo
Suba o use un archivo de video desde los archivos de su tienda. Más información sobre las prácticas recomendadas para archivos de video.
Sube o elige un vídeo alojado por Shopify entre tus archivos disponibles.
ID:video_background_component
video
Vídeo de fondo - Móvil
En móviles se usará el video de fondo anterior, salvo que se sobrescriba aquí.
Sube o elige un vídeo alojado por Shopify entre tus archivos disponibles.
ID:video_background_component_mobile
Ajusta estas opciones para mostrar una línea en la parte superior o inferior de la sección. Más información
select
Estilo del separador superior
ID:style_line_top
Options:
Discontinua dashed
Punteada dotted
Línea line
Ninguno noneDefault
select
Estilo del separador inferior
ID:style_line_bottom
Options:
Discontinua dashed
Punteada dotted
Línea line
Ninguno noneDefault
color
Color del separador
Transparente utilizará la configuración del tema para el color del borde.
Elige un color con el selector del editor de temas.
ID:color_line
Controla cuándo se muestra esta sección. Útil para crear diseños móviles personalizados. Más información
radio
Visibilidad
ID:display_visibility
Options:
No ocultar hide-noDefault
Ocultar en escritorio hide-desktop
Ocultar en móvil hide-mobile
Personaliza el ancho de la sección y de su contenido. Usa ajustes de ancho personalizados para que las páginas sean fáciles de leer, crear separaciones visuales más marcadas o hacer que áreas concretas parezcan más amplias sin cambiar el resto del diseño. Más información
Ten en cuenta que el editor de temas puede limitar la vista de cómo estos ajustes afectan al diseño; recomendamos previsualizar las actualizaciones de los ajustes de ancho en el frontend real.
select
Anchura del contenido
Ancho máximo del contenido dentro de la sección; puede considerarse el ajuste de ancho principal. El contenido es adaptable y se ajustará automáticamente en pantallas más pequeñas.
ID:width_container
Options:
Usar configuración del tema theme_settingDefault
768px 768
1024px 1024
1240px 1240
1440px 1440
1600px 1600
Sin máximo none
select
Ancho de sección
Ancho del contenedor de la sección. Más aplicable al usar un fondo.
Utilice esta sección para mostrar los comentarios debajo de un artículo y dar estilo al área de discusión para que encaje con el resto de la página. Funciona mejor cuando los comentarios ya están activados para el blog; los pasos de configuración se incluyen en la Comentarios. Para obtener una visión general más amplia de cómo se organiza el contenido de la sección en el editor de temas, consulte la documentación de Shopify sobre secciones y bloques
Los principales ajustes específicos de la sección controlan el botón de acción de comentarios. Elija un estilo que coincida con el protagonismo que desea que tenga la acción del formulario, desde tratamientos sencillos más discretos hasta estilos primarios o secundarios más destacados.
En dispositivos móviles, la opción de botón de ancho completo puede hacer que el formulario sea más fácil de tocar y más fácil de localizar al final de un artículo largo. Esto es especialmente útil cuando el área de comentarios usa un ancho de contenido más estrecho o cuando en otras partes de la página se usan estilos de botón más pequeños.
Si los comentarios no están activados para el blog, esta sección no creará por sí sola un área de comentarios activa.
Ajustes de espaciado controlan el espacio por encima y por debajo del área de comentarios. Aumente el espaciado cuando los comentarios necesiten una separación más clara del cuerpo del artículo, y redúzcalo cuando los separadores o el estilo de fondo ya proporcionen suficiente separación.
Ajustes de fondo de sección le permiten colocar los comentarios sobre un fondo de color, degradado, imagen o video. Esto puede ayudar a separar la discusión del contenido del artículo, pero por lo general es mejor mantener un tratamiento sutil para que los hilos de comentarios más largos sigan siendo fáciles de leer.
Los valores vacíos o transparentes suelen conservar el estilo de reserva del tema, mientras que los colores, degradados y recursos multimedia explícitos hacen que el área de comentarios se sienta más independiente. Si usa imágenes de fondo o video, revise tanto en escritorio como en móvil, porque las distintas opciones de medios pueden cambiar el recorte, la carga y la legibilidad.
Los ajustes de degradado anulan los ajustes de color sólido, y los degradados de superposición anulan los colores de superposición. Si usa imágenes de fondo o video, compruebe tanto en escritorio como en móvil, porque en móvil puede heredarse el medio principal a menos que asigne una versión móvil separada.
Ajustes de separador añaden una línea en la parte superior o inferior de la sección. Son una forma sencilla de dividir el área de comentarios del artículo sin añadir más espaciado ni un tratamiento de fondo completo.
Si deja el color del separador transparente, la sección usa el color del borde del tema. A menudo es la forma más sencilla de mantener el divisor coherente con el resto de la página.
Ajustes de visibilidad controlan si la sección aparece en escritorio, móvil o en ambos. Esto es útil cuando desea un diseño de artículo móvil más sencillo o una estructura de página diferente según el dispositivo.
Oculte la sección con cuidado, ya que eliminar los comentarios en un dispositivo puede hacer que la experiencia del artículo resulte inconsistente. Si elige una visibilidad específica por dispositivo, previsualice la página completa del artículo en ambos tamaños de pantalla.
Ajustes de ancho controlan tanto el ancho máximo del contenido de comentarios como el ancho del contenedor de la sección. Para páginas con mucho debate, un ancho de contenido moderado suele ser más fácil de leer que un diseño muy ancho.
El ancho de la sección importa más cuando usa un fondo, ya que cambia hasta dónde se extiende ese fondo alrededor del área de comentarios. El editor puede hacer que los cambios de ancho parezcan diferentes de la página en vivo, por lo que conviene previsualizar el resultado final en la tienda online.
Active los comentarios primero. Confirme que el blog permite comentarios antes de dedicar tiempo a estilizar esta sección.
Revise ambos diseños de dispositivo. Los controles de escritorio y móvil pueden producir un comportamiento diferente de alineación, visibilidad y medios, así que compruebe el área de comentarios en ambos tamaños de pantalla.
Haga que las acciones móviles sean fáciles de pulsar. Use el botón móvil de ancho completo cuando el formulario se sienta ajustado o fácil de pasar por alto en pantallas pequeñas.
Proteja la legibilidad. Mantenga los fondos, las superposiciones y las opciones de separador lo bastante sutiles para que los hilos de comentarios largos sigan siendo fáciles de revisar.
Use el ancho para mayor comodidad. Un ancho de contenido moderado suele mejorar la legibilidad de las respuestas y del texto de comentarios más largos.
Previsualice el flujo completo del artículo. Después de cambiar el espaciado, la visibilidad o los fondos, compruebe cómo se conecta de forma natural el área de comentarios con el artículo que está encima.
Contáctanos
Usa este formulario para recibir ayuda o contactar a soporte.
Comentarios
All settings
View all available settings for this section, including each setting's ID, type, default, and available options.
Muestra los comentarios del artículo. Para activar los comentarios: ve al administrador de tu tienda online; luego a Entradas de blog; haz clic en Gestionar blogs; haz clic en el blog que quieras actualizar; desplázate hasta la sección Comentarios y selecciona tu opción preferida; haz clic en guardar. Más información
ID:
style_buttonOptions:
circleplainprimaryDefaultsecondarysm-circlesm-plainsmsm-secondaryxl-circlexl-plainxlxl-secondaryID:
display_width_full_mobileOptions:
truefalseDefaultPersonaliza el relleno por encima y por debajo del contenido de la sección. Más información
Establece un valor numérico entre
minymax; el incremento lo define el valorstep.ID:
padding_top_desktop01204pxEstablece un valor numérico entre
minymax; el incremento lo define el valorstep.ID:
padding_bottom_desktop01204pxEstablece un valor numérico entre
minymax; el incremento lo define el valorstep.ID:
padding_top_mobile01204pxEstablece un valor numérico entre
minymax; el incremento lo define el valorstep.ID:
padding_bottom_mobile01204pxAñade un color, degradado, imagen o vídeo como fondo de la sección. Ten en cuenta que ajustar esta configuración puede afectar al diseño. Más información
Elige un color con el selector del editor de temas.
ID:
color_background_componentAnulará el color de fondo.
Elige o crea un degradado CSS, o añade o edita CSS de degradado personalizado.
ID:
color_background_gradient_componentElige un color con el selector del editor de temas.
ID:
color_overlay_componentAnulará el color de superposición de fondo.
Elige o crea un degradado CSS, o añade o edita CSS de degradado personalizado.
ID:
color_overlay_gradient_componentEstablece un valor numérico entre
minymax; el incremento lo define el valorstep.ID:
opacity_overlay_component01004%Sube o elige una imagen entre tus archivos disponibles; define texto alternativo y un punto focal opcional.
ID:
image_background_componentEn móviles se usará la imagen de fondo anterior, salvo que se sobrescriba aquí.
Sube o elige una imagen entre tus archivos disponibles; define texto alternativo y un punto focal opcional.
ID:
image_background_component_mobileSuba o use un archivo de video desde los archivos de su tienda. Más información sobre las prácticas recomendadas para archivos de video.
Sube o elige un vídeo alojado por Shopify entre tus archivos disponibles.
ID:
video_background_componentEn móviles se usará el video de fondo anterior, salvo que se sobrescriba aquí.
Sube o elige un vídeo alojado por Shopify entre tus archivos disponibles.
ID:
video_background_component_mobileAjusta estas opciones para mostrar una línea en la parte superior o inferior de la sección. Más información
ID:
style_line_topOptions:
dasheddottedlinenoneDefaultID:
style_line_bottomOptions:
dasheddottedlinenoneDefaultTransparente utilizará la configuración del tema para el color del borde.
Elige un color con el selector del editor de temas.
ID:
color_lineControla cuándo se muestra esta sección. Útil para crear diseños móviles personalizados. Más información
ID:
display_visibilityOptions:
hide-noDefaulthide-desktophide-mobilePersonaliza el ancho de la sección y de su contenido. Usa ajustes de ancho personalizados para que las páginas sean fáciles de leer, crear separaciones visuales más marcadas o hacer que áreas concretas parezcan más amplias sin cambiar el resto del diseño. Más información
Ten en cuenta que el editor de temas puede limitar la vista de cómo estos ajustes afectan al diseño; recomendamos previsualizar las actualizaciones de los ajustes de ancho en el frontend real.
Ancho máximo del contenido dentro de la sección; puede considerarse el ajuste de ancho principal. El contenido es adaptable y se ajustará automáticamente en pantallas más pequeñas.
ID:
width_containerOptions:
theme_settingDefault7681024124014401600noneAncho del contenedor de la sección. Más aplicable al usar un fondo.
ID:
width_sectionOptions:
theme_settingDefaultdefaultfull_widthfull_bleedUtilice esta sección para mostrar los comentarios debajo de un artículo y dar estilo al área de discusión para que encaje con el resto de la página. Funciona mejor cuando los comentarios ya están activados para el blog; los pasos de configuración se incluyen en la Comentarios. Para obtener una visión general más amplia de cómo se organiza el contenido de la sección en el editor de temas, consulte la documentación de Shopify sobre secciones y bloques
Ajustes principales
Sección titulada «Ajustes principales»Los principales ajustes específicos de la sección controlan el botón de acción de comentarios. Elija un estilo que coincida con el protagonismo que desea que tenga la acción del formulario, desde tratamientos sencillos más discretos hasta estilos primarios o secundarios más destacados.
En dispositivos móviles, la opción de botón de ancho completo puede hacer que el formulario sea más fácil de tocar y más fácil de localizar al final de un artículo largo. Esto es especialmente útil cuando el área de comentarios usa un ancho de contenido más estrecho o cuando en otras partes de la página se usan estilos de botón más pequeños.
Si los comentarios no están activados para el blog, esta sección no creará por sí sola un área de comentarios activa.
Ajustes estándar de sección
Sección titulada «Ajustes estándar de sección»Ajustes de espaciado
Sección titulada «Ajustes de espaciado»Ajustes de espaciado controlan el espacio por encima y por debajo del área de comentarios. Aumente el espaciado cuando los comentarios necesiten una separación más clara del cuerpo del artículo, y redúzcalo cuando los separadores o el estilo de fondo ya proporcionen suficiente separación.
Ajustes de fondo de sección
Sección titulada «Ajustes de fondo de sección»Ajustes de fondo de sección le permiten colocar los comentarios sobre un fondo de color, degradado, imagen o video. Esto puede ayudar a separar la discusión del contenido del artículo, pero por lo general es mejor mantener un tratamiento sutil para que los hilos de comentarios más largos sigan siendo fáciles de leer.
Los valores vacíos o transparentes suelen conservar el estilo de reserva del tema, mientras que los colores, degradados y recursos multimedia explícitos hacen que el área de comentarios se sienta más independiente. Si usa imágenes de fondo o video, revise tanto en escritorio como en móvil, porque las distintas opciones de medios pueden cambiar el recorte, la carga y la legibilidad.
Los ajustes de degradado anulan los ajustes de color sólido, y los degradados de superposición anulan los colores de superposición. Si usa imágenes de fondo o video, compruebe tanto en escritorio como en móvil, porque en móvil puede heredarse el medio principal a menos que asigne una versión móvil separada.
Ajustes de separador
Sección titulada «Ajustes de separador»Ajustes de separador añaden una línea en la parte superior o inferior de la sección. Son una forma sencilla de dividir el área de comentarios del artículo sin añadir más espaciado ni un tratamiento de fondo completo.
Si deja el color del separador transparente, la sección usa el color del borde del tema. A menudo es la forma más sencilla de mantener el divisor coherente con el resto de la página.
Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Ajustes de visibilidad controlan si la sección aparece en escritorio, móvil o en ambos. Esto es útil cuando desea un diseño de artículo móvil más sencillo o una estructura de página diferente según el dispositivo.
Oculte la sección con cuidado, ya que eliminar los comentarios en un dispositivo puede hacer que la experiencia del artículo resulte inconsistente. Si elige una visibilidad específica por dispositivo, previsualice la página completa del artículo en ambos tamaños de pantalla.
Ajustes de ancho
Sección titulada «Ajustes de ancho»Ajustes de ancho controlan tanto el ancho máximo del contenido de comentarios como el ancho del contenedor de la sección. Para páginas con mucho debate, un ancho de contenido moderado suele ser más fácil de leer que un diseño muy ancho.
El ancho de la sección importa más cuando usa un fondo, ya que cambia hasta dónde se extiende ese fondo alrededor del área de comentarios. El editor puede hacer que los cambios de ancho parezcan diferentes de la página en vivo, por lo que conviene previsualizar el resultado final en la tienda online.
Notas de uso
Sección titulada «Notas de uso»Contáctanos
Usa este formulario para recibir ayuda o contactar a soporte.