Post Top Ad

Your Ad Spot

miércoles, 26 de agosto de 2020

Cómo quitar "Powered by Shopify" y editar el pie de página de Shopify

¿Quiere asegurarse de que sus clientes puedan encontrar la información que necesitan? El pie de página es uno de los componentes más importantes, ya que sirve para la navegación de la tienda web, la información de contacto y recursos valiosos como los enlaces sociales. Aquí, aprenderá cómo eliminar el letrero "Powered by Shopify" y editarlo para satisfacer las necesidades de cualquier usuario. El pie de página puede tener un mayor impacto en los usuarios que cualquier otra parte de una página. ¡Empecemos!
Cómo agregar un logotipo al pie de página de Shopify
Cómo cambiar el menú de pie de página de Shopify
Cómo configurar el boletín de Shopify
Cómo cambiar los íconos de pago de Shopify
Cómo eliminar "Powered by Shopify"
Cómo agregar redes sociales a Shopify
En el tema predeterminado, el pie de página de Shopify se ve así:
Cómo eliminar Powered by Shopify y editar Shopify Footer - boletín de noticias de Shopify
Después de editar, se verá así:
Cómo eliminar el boletín informativo Powered by Shopify
Es importante tener en cuenta que cada vez que realice cambios en el tema de los archivos y el editor visual, ¡no olvide guardar los cambios!

Cómo agregar un logotipo al pie de página de Shopify

Establezca una condición usando líquido en el marcado para mostrar la imagen del logotipo si está adjunta o mostrar el nombre de la tienda.
Vaya a editar un código de tema y busque el archivo footer.liquid en la carpeta Sections .
Cómo-eliminar-Powered-by-Shopify-newsletter-shopify-newslett
La línea 140 debe contener el siguiente código <div class="page-width">Coloque el código después de la línea 140:

Ahora, agreguemos una imagen de logotipo a través del panel de administración en la sección de pie de página, y cambiemos su tamaño usando un tipo de rango.
Para hacer esto, busque el {% schema %}{% endschema %}bloque y el comienzo del objeto JSON de configuración de matriz en la parte inferior de la página y coloque el siguiente código:
gif pie de página de shopify - cómo eliminarlo impulsado por shopify
Como es un objeto JSON, esté atento a los corchetes de apertura y cierre, las comas y las comillas.

Después de eso, las siguientes configuraciones se mostrarán en la sección de pie de página del panel de administración:
configuración de pie de página de Shopify
Abra el archivo theme.scss.liquid en la carpeta Activos y agregue estilos personalizados en la parte inferior del archivo:
cómo eliminar powered by shopify del pie de página
Coloque los siguientes estilos:

Cómo cambiar el menú de pie de página de Shopify

Para editar el menú de Shopify, abre Enlaces rápidos . Allí puede cambiar el nombre del menú y sus enlaces.
enlaces rápidos editar menú de shopify cómo eliminarlo impulsado por shopify
Haga clic en Agregar nuevos elementos de menú y complete el nombre y el enlace.
editar el pie de página de Shopify - editar el menú de Shopify - Cómo eliminar Powered by Shopify del pie de página
Agregue estilos para el menú:

Ahora, los estilos personalizados tienen el siguiente aspecto:
Shopify estilos personalizados cómo eliminar Powered by Shopify del pie de página de Shopify

Cómo configurar el boletín de Shopify

Para cambiar el texto del marcador de posición, haga clic en Editar idioma .
editar idiomas configuración del boletín de shopify
Busque la sección de formulario de Newsletter y cambie el texto.
cómo eliminar Powered by Shopify de la configuración del boletín de pie de página
Si desea agregar un texto sobre el formulario de suscripción, en el archivo footer.liquid busque el formulario de suscripción por clase newsletter__input usando el atajo de teclado Ctrl + F y coloque el código encima.
<p class="newsletter__text">{{ 'general.newsletter_form.newsletter__text' | t }}</p>
cómo editar el pie de página en la configuración del boletín de Shopify
Luego abra el archivo de idioma en.default.json en el camino Editar código - Locales - en.default.json . En la búsqueda, busque el objeto newsletter_form e inserte la clave newsletter__text en el texto.
configuración del formulario del boletín de Shopify
Ahora nuestro campo se muestra en la página de traducción en la sección del formulario del boletín .
cómo editar el pie de página en Shopify
También puede suscribirse a boletines informativos de esta manera para archivos de otros idiomas.

Cómo cambiar los íconos de pago de Shopify

Busque el siguiente código en el archivo footer.liquid :
{% for type in enabled_payment_types %}
Reemplácelo con:

Cómo administrar los íconos de pago de Shopify
Los proveedores de pago que incluya en esta lista determinarán qué iconos de pago se mostrarán en su tienda en línea.
Los valores que puede utilizar se enumeran a continuación:
  • American Express
  • apple_pay
  • bitcoin
  • dankort
  • diners_club
  • descubrir
  • dogecoin
  • dwolla
  • Forbrugsforeningen
  • google_pay
  • ideal
  • jcb
  • klarna
  • klarna-pagar-más tarde
  • litecoin
  • maestro
  • Maestro
  • paypal
  • shopify_pay
  • sofort
  • Visa

Cómo eliminar "Powered by Shopify"

Usando una búsqueda rápida, encuentre todos los lugares donde con el texto powered_by_link .
aprende aquí cómo eliminar con tecnología de Shopify
Y borre todos estos lugares:
eliminar impulsado por shopify

Cómo agregar redes sociales a Shopify

Vaya al editor visual , seleccione la sección de pie de página y agregue enlaces a redes sociales en la configuración del tema. Después de agregar, los íconos sociales se mostrarán en el pie de página.
cómo agregar redes sociales para comprar todos los pasos
Mueva los derechos de autor al centro:
1. Busque todas las clases site-footer-items-align-right en el archivo footer.liquid y reemplácelo con site-footer-items-align-center .
cómo eliminar Powered by Shopify del pie de página en unos pocos pasos
2. Agregue un estilo para la clase.

Shopify Footer: cómo agregar redes sociales a Shopify

Eso es todo, ¡tu nuevo pie de página está listo! Esperamos que nuestro artículo le haya resultado útil y le ayude a crear el pie de página para su sitio web. Intentamos describir todo de forma sencilla y detallada. Sin embargo, si necesita algún consejo, no dude en preguntar en los comentarios a continuación.

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas