adding and linking CMS page on PrestaShop 1.6.x

¿Cómo agregar una página de CMS en PrestaShop 1.6.xy 1.7.x vinculado con el menú de encabezado y pie de página?

PrestaShop es puramente una plataforma de comercio electrónico y también posee una gran capacidad de CMS. Aunque no tiene los controles completos como en las plataformas de CMS, aún puede cumplir todos sus requisitos básicos como CMS con PrestaShop. En esta publicación, tomando PrestaShop 1.6.xy 1.7.x como la versión de destino, explicaré cómo puede agregar una página de CMS en la tienda PrestaShop. Además, también veremos cómo puede vincular esa página al menú de encabezado / pie de página.

Adición de una página CMS en PrestaShop 1.6.x

Paso 1: Inicie sesión en su back-office de PrestaShop como usuario administrador.

Paso 2: Ir a Preferencias >> CMS . Aquí verá todas las páginas de CMS creadas en su tienda PrestaShop.

Preferencias-CMS

Paso 3: Haga clic en el botón “Agregar nueva página CMS” en la esquina superior derecha de la página.

Añadir nueva página CMS

Paso 4: A continuación, debe completar todos los campos obligatorios. Después de llenar los campos, simplemente habilite la página y “Guardar” los cambios.

Guarda los cambios en CMS

Paso 5: Anote la ID de la página del CMS que se muestra en la primera columna de la lista de páginas del CMS. Necesitará esta identificación más tarde.

Paso 6: Ahora, vaya a Módulo >> Posiciones y verifique qué módulo muestra el menú superior horizontal en su plantilla. Lo encontré en la sección “displayTop” de la posición en mi versión.

Módulo-Posiciones

Adición de una página CMS en PrestaShop 1.7.x

De manera similar, para agregar una página CMS en la versión 1.7.x de Prestashop, siga los pasos que se mencionan a continuación:

Paso 1:  Inicie sesión en su back-office de PrestaShop como usuario administrador.

Paso 2:  Vaya al Panel de  control >> Mejore >> Diseño >> Páginascomo se muestra en la siguiente imagen:

diseño

Paso 3:  Haga clic en el botón “Agregar nueva página” en la esquina superior derecha de la página.

nueva pagina

Paso 4:  A continuación, debe completar todos los campos obligatorios. Después de llenar los campos, simplemente habilite la página y “Guardar” los cambios.

crear-cms-page

Paso 5: Anote la ID de la página del CMS que se muestra en la primera columna de la lista de páginas del CMS. Necesitará esta identificación más tarde. Guarda los cambios.

Agregar un enlace de la página de CMS al menú del encabezado

Paso 1: conéctese a su cuenta de FTP conéctese a los archivos de su sitio. Puede usar FileZilla para acceder a los archivos o el acceso a cPanel si el host ha proporcionado uno.

Paso 2: Ahora, navegue al siguiente directorio de archivos:

temas / themeXXX / modules / blockpermanentlinks   

PD: “themeXXX” es el nombre de tu tema.

Editar, blockpermanentlinks-header.tpl archivo. Puede utilizar cualquier editor de texto o código. Estoy usando Netbeans para editar.

Paso 3: Cada uno de los elementos de la lista en el código aquí representa un elemento del menú en el encabezado. Por ejemplo, este código representa un elemento del menú del encabezado llamado sitemap:

<li id = "header_link_sitemap"> <a href="{$link-> getPageLink ('sitemap') | escape: 'html'} "title =" {ls = 'sitemap' mod = 'blockpermanentlinks'} "> { ls = 'sitemap' mod = 'blockpermanentlinks'} </a> </li>

Paso 4: Copie esa línea de código y péguela en una nueva línea junto a la que ha copiado.

Paso 5: Ahora, cambia el código copiado a este:

<li> <a href="{$link-> getCMSLink ('8', 'new') | escape: 'html'} "title =" {ls = 'new' mod = 'blockpermanentlinks'} "> {ls = 'new' mod = 'blockpermanentlinks'} </a> </li>

Paso 6: Guarda el archivo. Ahora ha agregado un enlace a la página de CMS llamada “nuevo” que tenía la ID de página “8”.

Agregar un enlace de la página CMS al menú de pie de página

¿Cómo agregar un enlace de la página CMS al menú de pie de página de Prestashop 1.7.x?

Ahora vincularemos la misma página al menú de pie de página de Prestashop 1.7.x.

Paso 1: Ir a Diseño -> Widget de enlace . Esto mostrará los bloques que se muestran actualmente en su sitio.

enlace-widget

Paso 2:  Para abrir una configuración de Bloque de las existentes, haga clic en el botón Editar correspondiente.

bloque de enlace

Para activar la página recién creada y hacerla visible, seleccione la casilla correspondiente a su título. Puede encontrar el enlace a su página de CMS en el pie de página.

link-widget-details

Ahora vincularemos la misma página al menú de pie de página.

¿Cómo agregar un enlace de la página CMS al menú de pie de página de Prestashop 1.6.x?

Siga los pasos que se mencionan a continuación para vincular la misma página con el menú de pie de página de Prestashop 1.6.x.

Paso 1: Vaya a su panel de administración y navegue a “Módulos y servicios >> Módulos y servicios” y busque el módulo “Bloqueo de CMS” .

Panel de administrador

Paso 2: Haga clic en el botón Configurar .

Paso 3: Busque la sección “CONFIGURACIÓN DE LOS VARIOS ENLACES EN EL COMUNICADOR”. Aquí, si encuentra la página de CMS recién agregada en la lista.

Enlace a la página de CMS en el menú de pie de página

Paso 4: habilite su página haciendo clic en la casilla de verificación en la primera columna. Haga clic en el botón “Guardar” para aplicar los cambios. Ahora ha agregado un enlace a su página de CMS en el menú de pie de página.

Una forma más fácil de crear páginas CMS en Prestashop

Bueno, eso fue todo un espectáculo. Creamos una página, editamos los códigos, navegamos de una página a otra y finalmente la vinculamos al menú Encabezado y Pie de página. Pero eso fue solo una página que creamos, ¿qué sucede si necesita vincular más páginas? Cada vez que editar los códigos es un trabajo bastante agotador.

¿Hay alguna forma más fácil de hacerlo sin meterse con el código?

¡Sí, por supuesto! El módulo Maker de PrestaShop page  by Knowband ha sido diseñado para cumplir el propósito exacto. Francamente, hay mucho más que puede ofrecer . Por ahora, veamos cómo puedes usar este módulo para crear páginas CMS y agregarlas al enlace del encabezado sin editar el código.

Paso 1: Ve al menú de Knowband Page Maker en la barra de menú izquierda.

Knowband Page Maker

Paso 2: En la siguiente pantalla, haga clic en el botón “Agregar nueva página” .

Paso 3: la interfaz Agregar nueva página consta de las cuatro pestañas. En la pestaña Configuración común , complete todos los detalles. Puede dar un título de página, un nombre de enlace de página y una URL de página personalizada.

Paso 4: Después de completar los detalles, verá una opción al final de la página “Mostrar en el encabezado del menú” . Solo tiene que habilitar esta opción y su página recién agregada se vinculará instantáneamente en el menú de encabezado.

Mostrar en el encabezado del menú

Además, a la facilidad de creación de las páginas CMS, el complemento Prestashop CMS Page Maker ofrece una serie de otras características. Algunos de ellos se discuten a continuación:

  • Lo mejor de este módulo de creador de páginas Prestashop es la funcionalidad multilingüe. Por lo tanto, las páginas de destino se pueden hacer en varios idiomas según el requisito del administrador de la tienda.
  • La URL de la página creada se puede vincular al encabezado sin entrar en los aspectos técnicos mencionados anteriormente.
  • Junto con los contenidos genéricos, el administrador incluso tiene la opción de mostrar los más vendidos, las novedades, los productos destacados y también los productos especiales.
  • El complemento del fabricante de la página de aterrizaje de Prestashop incluso permite al administrador alinear los contenidos a la izquierda, a la derecha o al centro sin realizar ningún cambio en el CSS del sitio. Esto se hace con sólo hacer clic en un botón.
  • Con la facilidad de crear los metadatos, la extensión creadora de páginas para Prestashop lo ayuda a mantenerlo optimizado para SEO.
  • Además, puede incluso personalizar códigos CSS para personalizar el aspecto de las páginas web.
  • Junto con la creación, el creador de páginas Prestashop le permite editar o eliminar las páginas CMS también.
  • El complemento Prestashop crea páginas móviles sensibles. Por lo tanto, el sitio se mantendrá optimizado para el usuario móvil incluso después de crear nuevas páginas web.

Para concluir

Eso fue muy rápido. Con el módulo Prestashop Page Maker, hicimos la vinculación en un instante, 4 pasos simples para ser exactos. Afortunadamente, no tuvimos que editar ningún código. Tiene varias opciones para realizar la misma tarea aquí, ambas opciones son bastante abiertas, ahora puede elegir cuál es la mejor para usted.

¿Me gusto esto? También te gustarán estos

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *