Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo configurar PrestaShop 1.7: logotipo de encabezado, mensaje de copyright, redes sociales, control deslizante y más

¿Quiere saber cómo cuidar su tienda PrestaShop? En este artículo, le vamos a enseñar cómo cambiar el logo del encabezado de PrestaShop, agregar nuevas redes sociales que no están en la lista por defecto, agregar íconos de redes sociales, compartir botones, personalizar el pie de página de PrestaShop y configurar un control deslizante de página de inicio. Además de eso, ¡también aprenderá a crear una nueva tienda!

Cómo configurar un control deslizante de la página de inicio de PrestaShop

La configuración del control deslizante de PrestaShop interesa a varios usuarios, ya que recibimos muchas preguntas sobre este tema. La tarea en sí es bastante simple y no requiere ningún conocimiento o habilidad de desarrollo especial. Aún así, dejemos en claro cómo puede hacerlo por su cuenta.

Primero, debe abrir la sección Módulos y seleccionar la pestaña Administrador de módulos . Aquí verá todos los módulos que ha instalado.

prestashop-1.7-módulo-administrador

En la sección Diseño y navegación , debe encontrar el módulo Image Slider .

Control deslizante de la página de inicio de Prestashop 1.7.5

Una vez que haga clic en el botón Configurar , se abrirá el menú de configuración del control deslizante .

Control deslizante de la página de inicio de Prestashop 1.7.5

En este panel, puede configurar el comportamiento del control deslizante, en particular:

  • Velocidad . Esta función permite configurar la duración de las transiciones entre diapositivas.
  • Pausa al pasar el mouse . Esta configuración activa o desactiva la detención de la transición de diapositivas colocando el cursor del mouse sobre ella.
  • Bucle para siempre . Aquí puede elegir si las diapositivas se repetirán indefinidamente o se detendrán después de la primera ronda.

A continuación, puede echar un vistazo a la sección Lista de diapositivas donde se puede configurar un control deslizante específico.

muestra 1

Si hace clic en el botón Editar , pasará a la siguiente página:

Encabezado de Prestashop 1.7.5

Aquí puede especificar:

  • Título
  • URL de destino
  • Subtítulo
  • Descripción
  • Estado habilitado / deshabilitado

Son todas las configuraciones del control deslizante de la página de inicio las que necesita conocer. Esta información debería ser suficiente para crear y configurar un control deslizante atractivo para la página de inicio de su tienda web. Sin embargo, las soluciones más personalizadas requieren habilidades de desarrollador superiores a la media y conocimientos sobre los aspectos específicos de PrestaShop.

Cómo cambiar el logo del encabezado en PrestaShop

Es poco probable que la empresa sin su propio logotipo sea recordada durante mucho tiempo. Es crucial tener un letrero o una imagen que se asociará solo con su marca. Debe ser lo suficientemente único como para ser reconocido por sus clientes y socios.

No hace falta decir que su logotipo debe colocarse no solo en la puerta de su oficina, el empaque de sus productos, cartas corporativas, etc., sino también en su tienda web, particularmente, en la página de inicio. Entonces, ¿cómo se cambia un logotipo en la tienda en línea de PrestaShop?

Primero, debe tener una imagen de logotipo que cumpla con los siguientes requisitos:

  • .gif / .jpg / .png; formatos;
  • <370 x 99 píxeles tamaño de imagen preferido.

Una vez que tenga un logotipo, puede proceder a cargarlo. Cuando ingrese al panel de administración de su tienda, busque la sección Diseño y haga clic en la pestaña Tema y logotipo .

Logotipo de encabezado de Prestashop 1.7.5

Es donde puede agregar y configurar el logotipo de su tienda y administrar las configuraciones relacionadas, que incluyen:

  • El propio logo
  • Logotipo colocado en correos electrónicos y facturas
  • Favicon . Es una imagen pequeña que aparece junto al título en la pestaña del navegador. Si desea saber cómo crear un favicon personalizado, visite este artículo .

A partir de ahora, cargar una imagen de logotipo no es diferente de cargar cualquier otra imagen. Primero, debe hacer clic en el botón Agregar archivo y encontrar la imagen necesaria en su árbol de archivos.

En la configuración, puede crear diferentes variantes de su logotipo y para cualquier situación. Es una maravillosa oportunidad de personalización que se aprovecha para garantizar que el logotipo se vea bien en cualquier página.

Cómo personalizar el pie de página de PrestaShop: cambiar el mensaje de copyright

De forma predeterminada, el mensaje en el pie de página de PrestaShop se verá así "© 2020 - Software de comercio electrónico de PrestaShop ™", con el enlace que lleva al sitio web www.prestashop.com . Este mensaje de derechos de autor definitivamente está bien, pero puede hacerlo aún mejor: obtenga uno personalizado con su propio mensaje. Así es como se configura el mensaje de copyright desde el pie de página.

Primero, debe ir a Internacional -> Traducciones . Lo que necesita es la sección Modificar traducciones .

traducciones 1

Luego, debe seleccionar la  opción de traducción de Temas en Tipo de traducción, elegir su tema (elegimos clásico, puede ser cualquier otro para usted) e idioma (inglés en nuestro caso). Haga clic en Modificar para guardar los cambios.

PrestaShop 1.7.5

Pasará al menú grande donde debe encontrar el menú desplegable Tema .

PrestaShop 1.7.5

Busque el software de comercio electrónico por campo y cambie su contenido por " Creado por ". Guardar cambios.

PrestaShop 1.7.5

Después de eso, debe seguir esta ruta: themes / classic / templates / _partials / footer.tpl.

PrestaShop 1.7.5

PrestaShop 1.7.5

Abra footer.tpl y busque las siguientes cadenas:


Aquí, puede cambiar el enlace y el nombre a los que desea que se reflejen en su pie de página:

PrestaShop 1.7.5

Para colmo, debe guardar los cambios y verificar si se aplican en la interfaz. Es todo lo que necesita saber sobre la modificación de los derechos de autor en el pie de página.

Cómo agregar nuevas redes sociales a PrestaShop

En primer lugar, debe ir a la carpeta {base_url} / override . Esta carpeta es necesaria para anular los módulos estándar que usaremos. Aquí, debe crear la carpeta Módulos y colocar allí un módulo que queremos cambiar. En nuestro caso, es ps_socialfollow y ps_sharebuttons . Luego, colocamos los archivos ps_socialfollow.php y ps_sharebuttons.php copiados de la carpeta del módulo en estos módulos.

agregar nueva red social a prestashop

Echemos un vistazo a cómo anular correctamente la clase ps_socialfollow . Añadimos Ignorar a Ps_Socialfollow y poner el nombre de una clase padre después de “ extender ”. En nuestro ejemplo, es Ps_Socialfollow . También puede eliminar " implementos "

Antes :

class Ps_Socialfollow extends Module implements WidgetInterface

Después:

class Ps_SocialfollowOverride extends Ps_Socialfollow

También debe eliminar todo lo innecesario del archivo y usar lo que desea cambiar.

Agreguemos una nueva red social a un módulo estándar que no está en la lista predeterminada de redes sociales. Usaremos vkontakte como ejemplo. Para hacerlo, necesitamos ingresar un módulo {base_url /} modules / ps_socialfollow / module, abrir el archivo ps_socialfollow.php y agregar el siguiente código:


Agregamos en la función public function install()

Y agrega a la función public function uninstall()

Configuration::updateValue('BLOCKSOCIAL_VKONTAKTE') &&

En lo $fields_formmasivo, buscamos la entrada 'input' => array(masiva.

configurar prestashop 1.7.

Luego, agregamos un nuevo campo.


Agregar a la función public function getWidgetVariables

getwidgetvariables prestashop



Guardamos nuestro archivo y procedemos al panel de administración.

editar encabezado logo prestashop

Aquí vemos nuestro nuevo campo:

personalizar el pie de página de prestashop

Lo llenamos y miramos cómo se muestra en el frente. (Puede configurar los estilos e iconos necesarios por su cuenta a través de CSS).

redes sociales en prestashop

Ahora, agregamos un botón Compartir con la ayuda del estándar \ {base_url} / modules / ps_sharebuttons / module en el archivo ps_sharebuttons.php .

Agregamos el nombre de nuestra red social donde compartiremos.

protected static $networks = ['Facebook', 'Twitter', 'Pinterest', 'Vkontakte'];

botón compartir en prestashop 1.7.

Agregar a la función public function install

&& Configuration::updateValue('PS_SC_VKONTAKTE', 1)

prestashop 1.7.  configuración

Agregar a la función public function getWidgetVariables

prestashop 1.7.  preparar



El siguiente paso es guardar todo y abrir el panel de administración:

red social prestashop 1.7

Necesitas encontrar tu red social, encenderla, guardar e ir al frente.

botones para compartir en redes sociales prestashop

Importante . Los datos del botón deben ubicarse en la página del producto solo ya que existen todos los parámetros necesarios (id_cart id_product). Estos parámetros pueden faltar en otras páginas y causarán un error o no funcionarán correctamente.

vkontakte para prestashop

El último paso es completar toda la información necesaria y hacer clic en el botón. Ahora funciona:

editar redes sociales prestashop

Cómo agregar botones para compartir de PrestaShop e íconos de redes sociales

Para promover eficazmente su comercio electrónico desde todos los lados, debe administrar la integración de las redes sociales. Es uno de los primeros y más importantes pasos que permite a sus clientes compartir sus productos y promocionarlos entre sus contactos para usted.

Para comenzar a agregar redes sociales en su tienda web, abra  Módulos -> Administrador de módulos y busque los siguientes módulos: Las redes sociales siguen los enlaces y el botón Compartir en las redes sociales.

PrestaShop 1.7.5

Primero, debe hacer clic en Configurar en los enlaces de seguimiento de redes sociales. Esta acción lo llevará al siguiente menú:

Módulos PrestaShop 1.7.5 para redes sociales

Aquí puede ver los campos de las 8 redes sociales más populares:

  • Facebook
  • Gorjeo
  • Youtube
  • Pinterest
  • Vimeo
  • Instagram
  • y RSS (tu blog, tu tienda, etc.).

Complete los campos con la página social correcta de su tienda y haga clic en  Guardar .

PrestaShop 1.7.5 iconos de redes sociales

Como resultado, aparecerán los siguientes botones en su página de inicio:

PrestaShop 1.7.5

¡Hecho! Ahora, para agregar los botones Compartir, vaya al módulo del botón Compartir en redes sociales y presione Configurar . Llegará al siguiente panel, donde puede habilitar los botones Compartir para los siguientes cuatro medios:

PrestaShop 1.7.5

Una vez que los habilite, los logotipos aparecerán en la página de su producto:

Botones para compartir de PrestaShop 1.7.5

Cómo crear una multitienda PrestaShop

PrestaShop le permite no solo crear, administrar y configurar una tienda, puede crear varias tiendas y trabajar con ellas simultáneamente, en un panel de administración. Es muy conveniente y reduce suficientemente el tiempo de administración del sitio.

Si ha decidido crear una multitienda PrestaShop, debe ir a Parámetros de la tienda -> General . Busque la pestaña Multitienda , habilítela y haga clic en  Guardar .

PrestaShop 1.7.5

Después de eso, aparecerá la pestaña Multitienda en el segmento de Parámetros Avanzados , y es el lugar donde administrará sus otras tiendas.

PrestaShop 1.7.5

En el camino, se encontrará con el siguiente diseño. Aquí, debemos hacer clic en el botón Agregar una nueva tienda  .

PrestaShop 1.7.5

Lo llevará a la página donde debe ingresar la información general.

PrestaShop 1.7.5

A continuación, encontrará la sección Importar datos de otra tienda . Aquí es donde decide qué información debe copiarse de su tienda principal.

Elija la tienda de origen es donde indica desde qué tienda (si tiene más de una) para importar los datos.

En Elija los datos para importar , marca los datos que desea importar a la tienda de destino. Aquí es donde cada propietario de la tienda decide por sí mismo, pero recomendaría importar al menos los módulos.

Después de haber configurado todo lo descrito anteriormente, especifique la URL como toque final y su tienda estará lista para trabajar.

Esperamos que la información te haya sido útil y, si tienes preguntas o comentarios, no dudes en dejarlos a continuación.

Publicar un comentario

0 Comentarios