Fecha de última modificación:

6 Agosto, 2010 - 13:09

Diseños personalizados de nodos con Panels - Ejemplo 1

Este es el ejemplo más simple que se puede realizar sobre la manipulación de los nodos con el modulo Panels, en el cual solo quiero enfatizar solo en ese concepto. Si gusta luego puede pasar al Ejemplo Nº2 en el cual se muestra la interacción con otros módulos.

Requisitos:
Panels
Ctools (Requerido por Panels)

Asegúrese de que tiene la última versión estable de los módulos anteriores instaladas y activar todos los módulos y sub-módulos durante el aprendizaje: evita el famoso inconvenientes de "yo no tengo esa opción" o "donde esta eso, yo no lo tengo".

Preparativos:

  1. Crear un tipo de nodo nuevo llamado Prueba, para ello:
    Ir a /admin/content/types y hacer clik en Añadir un nuevo tipo de contenido (se encuentra al final de la pagina),
    En la nueva ventana colocamos: Nombre: Prueba   Tipo: prueba y clik en Guardar el tipo de contenido
  2. Creamos un contenido para prueba, ir a node/add/prueba y colocamos en
    Titulo: este es el titulo de nodo
    Cuerpo: este es el cuerpo de nodo
    Y clik en Guardar

Creando el Panel

  1. Ir a admin/build/pages clik en Activar (de la Plantilla de nodo) y luego clik en Editar
  2. En la nueva que se nos presenta clik en Add a new variant
  3. Escriba en Título: Prueba
    Tildar en Reglas de selección (Selection rules)
    y luego click en: Create variant (crear variante)
  4. En la próxima pantalla seleccione del menú desplegable: Nodo: Tipo (Node: Type) y haga click en Agregar (Add).
  5. En la ventana emergente, seleccionamos
    Tipo de nodo: Prueba y guardamos (se cerrara la ventana emergente)
  6. Seleccione: Ha de ser verificado un sólo un criterio (Only one criteria must pass) y clik en continuar
  7. De los diseños de paneles que se nos presenta, elegimos el de: Dos columnas y clik en continuar
  8. Haga clic en el icono de engranaje del panel Lado izquierdo (Left side) y seleccione Agregar contenido.
  9. Seleccione Node (Nodo), del nuevo menú del panel emergente y en este agregue el campo Título del nodo y en la nueva venta simplemente clik en Terminar
  10. Haga clic en el icono de engranaje del panel Lado Lado derecho (Right side) y seleccione Agregar contenido.
  11. Seleccione Node (Nodo), del nuevo menú del panel emergente y en este agregue el campo Node body (Cuerpo del nodo) y en la nueva venta simplemente clik en Terminar
  12. Haga clic en Actualizar y Guardar
  13. Clik en Resumen del menú de la izquierda
  14. En la pantalla que nos presenta el Resumen, de la Plantilla de nodo hacer clik en Activar (si no estuviera activado), para activar el Panel: Prueba
  15. Ir a nodo y ver los resultados.

Puede ver el resultado final Aquí

 

Leer más sobre: 

Comentarios

hola amigo fijate que hice sus ejercicios tanto el 1 y el 2 y me ayudaron muchisisismo pero me surgio un problema no se si me puedas ayudar . el Nodo Que tengo es de producto de UBERCART pero no encuentro la opcion de ponerle el icono de agregar al carrito.. tu sabes como hacer esto ?? me podrias horientar un poco ??

Hola recibe un saludo, mira tengo un problema estoy realizando una pagina Web en donde estoy creando vistas y estas asu vez las estoy insertando en un panel de dos columnas, la informacion es demaciada y estan numeradas pero al al cuando quiero seguir leyendo lo que sigue en cualquiera de las vistas al presionar siguiente cambian las dos columnas a la siguiente lo que yo quiero es que al presionar solo cambie la columna que presiono gracias..

Hola Adran que tal!...me sirvió mucho este artículo muchas gracias, me gustaría saber si hay como incluir los paneles en el tipo de contenido "Libro" ...desde ya agradezco tu atención

Envíanos tús preguntas, comentarios o sugerencias

 

Solicita Asistencia

Llámenos al:+54-9-11-32788353

Envíenos un e-mail: consultas@ ---Para enviar el SPAM--- francisconi.org

Skype Status for francisconi.hugo.adrian
 

Suscríbete

Suscríbete y recibe las últimas actualizaciones, noticias y más ...
Zircon - This is a contributing Drupal Theme
Design by WeebPal.