WP Manifestindependent plugin directory
manifest / ecommerce / plugin-lista-proyectos-crear

Lista Proyectos Plugin

Shortcode para listar proyectos con estilos personalizados y filtrado por nombre.

by Daniel Diaz Tag Marketing · github.com/daniels35/plugin-lista-proyectos-crear

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/daniels35/plugin-lista-proyectos-crear/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/daniels35/plugin-lista-proyectos-crear ↗

🏗️ Lista de Proyectos y Carrusel

Visualizador de portafolio para productos de WooCommerce con diseño personalizado.

Este plugin permite listar "Proyectos" (basados en el tipo de post product de WooCommerce) de dos formas distintas: una rejilla filtrable vertical y un carrusel (slider) horizontal automático. Está diseñado para sitios web que necesitan mostrar fichas técnicas de proyectos con datos específicos como ciudad, sector y precio, utilizando estilos visuales distintivos.

📋 Características Principales

🧱 Listado de Proyectos (Grid)

  • Filtrado por URL: El sistema detecta parámetros en la URL (ej. ?proyecto=nombre) para filtrar automáticamente los resultados mostrados, normalizando textos (eliminando acentos y mayúsculas) para mejorar la coincidencia.
  • Diseño de Tarjetas: Muestra cada proyecto en una tarjeta con color de fondo configurable, imagen destacada, logo del proyecto, descripción corta y metadatos clave.
  • Integración ACF: Extrae información de campos personalizados avanzados (Advanced Custom Fields) como ciudad, sector, precio y logo_proyecto_blanco.

🎠 Carrusel de Ejecutados (Slider)

  • Navegación Interactiva: Implementa un slider horizontal infinito con flechas de navegación ("<" y ">") y desplazamiento automático cada 3 segundos.
  • Responsividad Inteligente: Ajusta dinámicamente la cantidad de tarjetas visibles según el ancho de la pantalla:
    • Móvil (<768px): 1 proyecto.
    • Tablet (<1200px): 2 proyectos.
    • Escritorio: 3 proyectos.
  • Estética Alterna: Las tarjetas del carrusel alternan automáticamente entre tres colores corporativos para dar dinamismo visual.

⚙️ Requisitos Previos

Este plugin depende de la existencia de ciertos campos y plugins:

  1. WooCommerce: Los proyectos son técnicamente "Productos".
  2. Advanced Custom Fields (ACF): Debes tener creados los campos específicos para que la información se muestre.
  3. FontAwesome: El plugin asume que la librería de iconos está cargada en el tema.

📂 Estructura del Plugin

  • lista-proyectos-plugin.php: Archivo principal. Registra los shortcodes, maneja la lógica de normalización y realiza las consultas WP_Query.
  • scripts.js: Controla la lógica del carrusel (movimiento, auto-scroll, redimensionamiento).
  • styles.css: Define la apariencia de las tarjetas y la rejilla flexible.

🚀 Instalación

  1. Sube la carpeta del plugin a /wp-content/plugins/.
  2. Activa el plugin desde el panel de WordPress.
  3. Asegúrate de poblar tus productos con los campos ACF requeridos (ver sección de configuración abajo).
  4. Inserta los shortcodes en tus páginas.

Versión: 1.2 Autor: Daniel Diaz - Tag Marketing Digital Tecnología: PHP, jQuery, CSS Flexbox, ACF Integration.

📝 Configuración Técnica

Campos ACF Requeridos: Asegúrate de crear estos campos (slugs) en tus productos:

  • logo_proyecto_blanco (Imagen/URL)
  • ciudad (Texto)
  • sector (Texto)
  • precio (Texto)

Colores de las Tarjetas (Hardcoded): Para cambiar los colores, edita el archivo lista-proyectos-plugin.php.

💻 Shortcodes y Código

1. Shortcode para Listado General (Grid Filtrable):


[lista_proyectos]