Diseños basados ​​en configuración regional y entidad en el tema de PrestaShop

En este blog, aprenderemos cómo cambiar el diseño del tema de PrestaShop según la configuración regional y el ID de la entidad. Supongamos que tiene una tienda en varios idiomas (es decir, inglés y francés) y desea mostrar los diferentes diseños para cada idioma. El cliente puede ver diferentes aspectos del tema cuando cambia de idioma.

Al renderizar cualquier plantilla, PrestaShop encuentra la plantilla en múltiples ubicaciones en el tema actualmente activo. Por ejemplo, cuando se carga la página del producto, PrestaShop busca el product.tpl archivo bajo el tema <Theme>/templates/catalog/ carpeta.

Para saber en detalle qué comprobaciones realiza PrestaShop durante el renderizado de la plantilla, consulte el TemplateFinder.php clase’ debajo de los métodos:

Puede ver cómo PrestaShop verifica la ubicación de la plantilla por entidad (en el método getTemplateHierarchy) y luego por localidad (en getTemplate método).

Veamos este proceso en la representación gráfica para entenderlo fácilmente con un ejemplo.

Ejemplo de página de producto

Con la página del producto, PrestaShop comprobará las siguientes ubicaciones (en orden) y devolverá la primera plantilla encontrada:

Ejemplo para el producto con ID = 1 y configuración regional = en-US:

  1. en-US/catalog/product-1.tpl
  2. catalog/product-1.tpl
  3. en-US/catalog/product.tpl
  4. catalog/product.tpl

Veamos este ejemplo en la práctica. Vamos a modificar el diseño de la página del producto para el ID de producto 1. Simplemente intercambiamos la información del producto y las posiciones de la imagen del producto. Para ello crearemos un archivo product-1.tpl en el <Theme>/templates/catalog/ carpeta y copie el código de la existente product.tpl archivo y realizó algunos cambios menores en el código para intercambiar posiciones.

Después de realizar todos estos cambios, cuando busquemos el ID de producto 1, se verá como la siguiente imagen:

Diseño cambiado del producto PrestaShop

También puede crear una carpeta para la configuración regional (es decir, en-US) en el <Theme>/templates/ carpeta y crear una nueva product.tpl archivo.

Se abrirá una nueva ruta de archivo. <Theme>/templates/en-US/catalog/product.tpl

Ahora puede realizar cambios según sus necesidades y guardarlos. Cuando cambie su idioma a inglés (en-US), se generará esta plantilla.

Diseño de prestashop base local

Puedes hacer lo mismo con las otras páginas como categoría, CMS, marcas, etc.

Para obtener más información, consulte el siguiente enlace:

https://devdocs.prestashop-project.org/8/themes/reference/templates/templates-layouts/

Eso es todo sobre este blog.

Si tiene algún problema o duda, no dude en mencionarlo en la sección de comentarios.

Me gustaría ayudar.

Además, puede explorar nuestros servicios de desarrollo PrestaShop y una amplia gama de módulos PrestaShop de calidad.

Para cualquier duda contacta con nosotros en [email protected].


Source link

About David Lopez

Check Also

Consejos para una estrategia eficaz de modernización de datos para BFSI

La aparición de tecnologías como la nube, la inteligencia artificial (IA) y otras herramientas de …

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *