como puedo mover o agregar la descripción de un producto a otra sección nueva dentro de la plantilla

[jotacunap]

Dentro de la pagina de un producto en el editor de temas ¿como puedo mover o agregar la descripción de un producto a otra sección nueva dentro de la plantilla?

Estoy usando el tema sense y la descripción se me ve a la derecha junto a las imágenes a la izquierda. yo quiero que la descripción se vea debajo de todo lo que son las imágenes, el precio, calificación, variantes, etc. Ósea poner la descripción en una nueva sección dentro de la plantilla debajo de la sección información de producto.

 

[Teo]

Hola, @jotacunap:

Gracias por escribirnos. Entiendo por tu mensaje que estás usando el tema Sense en tu tienda de Shopify. Con todo, te gustaría editar la sección de la descripción del producto para que aparezca por debajo del apartado de "información del producto" del editor de tema, ¿cierto? Será un placer ayudar.

Antes de nada, cabe tener en cuenta que no es posible sacar la descripción del producto de la sección de "información del producto" para llevarla a la sección de "texto enriquecido". Estas son dos secciones diferenciadas con sus propias características. Como alternativa, puedes optar por crear una sección nueva de "liquid personalizado" y copiar un código para que se muestre la descripción del producto. A continuación, te dejo los pasos que tienes que seguir en tu tienda para llevar a cabo esta personalización.

En primer lugar, tendrás que hacer una copia del código que aparece en este otro hilo de la Comunidad y que te comparto también a continuación para facilitar las cosas:

<div class="grid grid--1-col grid--2-col-tablet">

<div class="center rte grid__item product__description">

{{ product.description }}

</div>

</div>

En segundo lugar, puedes dirigirte a la sección Tienda online > Temas > Personalizar. Así, accederás al editor de temas. En esta sección, haz clic en cualquiera de tus productos. En el menú de la izquierda, selecciona la opción de Agregar sección > Liquid personalizado. Seguidamente, haz clic en la sección creada y pega el código que te compartía más arriba. Hecho esto, podrás mover la descripción del producto a tu gusto en la página de productos de tu tienda.

En tercer lugar, una vez que la hayas posicionado la descripción a tu gusto, puedes ocultar la descripción que actualmente aparece dentro de la sección de "información del producto". Para ello, simplemente haz clic en el icono del ojo que aparece cuando pasas el cursor sobre la sección Información del producto > Descripción. De esta forma, la descripción al lado de las imágenes de tus productos dejará de estar visible.

Si no estás a gusto haciendo este cambio, en Shopify contamos con un equipo de especialistas en temas que pueden llevar a cabo ciertas modificaciones en este por ti siempre y cuando cumplas con los requisitos de la política de diseño de Shopify. Para revisar si pueden implementar esta personalización, puedes contactar con nuestros especialistas de soporte. Alternativamente, también puedes optar por contratar a un experto de Shopify para llevar a cabo este proceso. Este es un portal de especialistas y desarrolladores que pueden darte un presupuesto para cualquier tipo de modificación que necesites implementar.

Mientras, me pregunto cómo está siendo tu experiencia con Shopify. ¿Existe un motivo concreto por el que quieres mostrar la descripción del producto debajo de la imagen? Por otra parte, ¿has podido configurar el resto de cuestiones de la tienda como los envíos, pasarela de pago, etc.?

[OscarM]

Hola Teo,

Es perfecta tu solución, únicamente que el código hace que la alineación de la descripción quede centrada, puedes ayudarme compartiendo tu código, pero que la descripción quede alineada a la izquierda por favor.  

Un saludo y gracias por apoyarnos.

[Val]

Hola @OscarM,

Me alegra oír que la solución anterior ha sido de utilidad para ti. Entiendo que te gustaría mover el texto implementado al margen izquierdo, ¿es así? 

En este caso, una de las opciones que puedes contemplar sería la de experimentar con la sintaxis de alineamiento (puedes encontrar más información en este artículo) incorporando el valor siguiente al código descrito anteriormente: 

text-align: left;

O también puedes sustituir la palabra "center" dentro del código anterior por "left" para conseguir que el texto quede alineado a la margen izquierda.

Espero que esta modificación te haya sido de utilidad. Si necesitas hacer personalizaciones más completas, puedes ponerte en contacto con el soporte de temas de Shopify para que te ayuden a aplicar los cambios necesarios.

Aparte de esto, ¿cómo van las cosas por tu tienda? ¿Has podido utilizar las otras herramientas de personalización del tema?