Truco Opencart: como exponer en una misma tienda productos modo catálogo y productos con carrito

Este artículo no tiene que ver con marketing ni con tiendas físicas ni con escaparates, pero como estaba diseñando una tienda online para uno de nuestros clientes de catinfog (algo a lo que dedico la mayor parte de mi tiempo), y lo he resuelto de una forma bastante original, he querido recogerlo en un artículo por si a alguien le pasaba lo mismo que supiera como resolverlo de una forma bastante original.

Ya sabéis, y si no lo sabíais os lo digo ahora, que Catinfog está basado en un software de comercio electrónico opensource que se llama open cart. Es el tercer cms de comercio electrónico más usado a nivel mundial y es por eso que estamos orgullosos de utilizarlo como base para nuestra TPV.

Pues bien, este cliente quería una tienda que tuviera dos tipos de productos diferentes:

• Productos que se pudieran comprar de la forma habitual, o sea, añadiendo los al carrito y pagando por ellos.
• Productos que ocultar a toda la información del producto dejando solamente las imágenes y en vez del botón de añadir al carrito y toda la demás información que tienen los productos de Open card en la columna de la derecha, mostrar solamente el nombre.

En resumen lo que quería esta tienda es convertir su tienda en catálogo pero a la vez tener productos que se puedan vender.

En principio esto es algo que se puede hacer con alguna extensión de pago o programándolo uno mismo. Pero como, sinceramente, cada hora de trabajo que metemos en un proyecto está más que contada, me puse a pensar en algo que no requeriera ni programación y fuera muy simple de usar para mi cliente sin tener que usar una extensión (aunque está fuera vqmod). No quería usar una extensión porque a la hora de actualizar el núcleo de opencart es un infierno.

Al final di con una solución que no requiere saber programar ni requiere de una extensión es una solución extremadamente sencilla. Esto es lo que hice:

• Fui a la sección de módulos cree un nuevo módulo de HTML. Pulse en el botón que me permite ver el HTML en crudo, y escribí entre etiquetas
  <style>.elementoaocultar{display:none}</style> dirigiéndome a aquellos elementos que quería ocultar. Habilité el módulo y lo guarde.
• A continuación cree un nuevo layout al que llame «catálogo». Dentro de ese layout añadí el módulo HTML en la parte superior central.
• Por último edité el producto qué quería que no mostrase los botones de añadir al carrito y le asigne el layout «catálogo».

Y ya está. De esta forma cada vez que quería que un producto se se mostrará en forma de catálogo, le asignaba el layout catálogo.

PD. En realidad mi cliente me pidió tres tipos de producto diferentes y al final tuve que modificar mediante vqmod la ficha de producto, pero no lo voy a contar para no liar más el artículo. Simplemente quería mostrar un truco fácil para modificar ciertas páginas de opencart con CSS, módulos html y los layouts.