Happyfiles - Quítale mas jugo - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder
img-4

Happyfiles - Quítale mas jugo

Listado Plugins

Si tienes tu página o la de un cliente con fotografías y utilizas HappyFiles quizás te interese disponer de una funcionalidad para presentar las imágenes que se encuentren dentro unas determinadas carpetas de manera totalmente automatizada. Aquí te mostramos como hacerlo.

Tendremos que tirar de una consulta a la base de datos, para ello tenemos dos opciones, usar un programa de snippets, siempre recomendamos WpCodebox, o bien añadir un Code Block, que será lo que haremos en este ejemplo.
Vamos al tajo 👨🏻‍💻

La manera de presentarlo dependerá, como siempre, de tus gustos o de las imposiciones que te marquen la estética de la página donde se implementará la salida, así que aquí nos vamos a limitar a extraer las imágenes y explicar un poco las variables o argumentos que podemos usar.

Paso Uno

Insertamos un Code Block y en la pestaña de HTML/PHP pegamos este código "click en la imagen para agrandar": (Enlace para copiar el código)

Mas abajo se dan detalles para usar  el código

Ya después de esto queda estilizar el resultado añadiendo clases donde corresponda y estilizar con CSS. 

img-6

En el inicio tenemos una variable que es un array, este array contiene los id's de las carpetas Happyfiles que "NO" queremos mostrar las imágenes o su contenido. Explicamos como obtener estos IDs  AQUI

img-7

Teniendo localizados los ids pertinentes, se introducen en el array separando cada uno de ello por una coma; y cuando lo tengamos listo ya se puede eliminar el Code Block con el código que nos mostraba estos ids.

Y el resultado sería algo similar a esto:

Muestra la salida del resultado del script
- Como obtener los IDs de las carpetas Happyfiles.
Método 1
img-9

Hacemos click derecho teniendo el puntero del ratón encima de cualquier carpeta Happyfiles y nos saldrá este menú contextual, como muestra la imagen, haciendo click en «Galería de códigos rápidos» nos llevará a otro menú contextual que se muestra en la imagen de abajo.

img-10

En este segundo menú, vamos pinchando en el nombre de las carpetas que nos interesen, abajo, donde tenemos marcando con un recuadro y señalamos con una flecha la ubicación del número del Id correspondiente a la carpeta seleccionada.
Será ir anotando esos números para usarlos en el código php.

Método 2
Muestra la salida de los ids

Añadimos, temporalmente, un nuevo Code Block y añadimos este código lo que nos listará los IDs y sus respectivos nombres tal y como se muestra en la imagen de más abajo, una vez que tengamos los datos necesarios podemos eliminar este Code Block

Como siempre esperamos tus comentarios y por supuesto si tienes alguna duda o necesitas ayuda puedes contactar por nuestro grupo de Telegram o dejando un comentario.

Nos vemos en la próxima. 👌

5 1 voto
Puntuación
Suscribir
Notificar de
guest
1 Comentario
Viejos
Nuevos Más votados
Comentarios en línea
Ver todos los comentarios
Leonardo
1 año hace

No conocia esa posibilidad esta muy buena y practica para los clientes. Gracias!

img-15
Piotnet Forms en Oxygen Builder

Piotnet Forms es un plugin de formulario de arrastrar y soltar lo que lo hace que nuestros formularios sean realmente editables y con una facilidad extraordinaria.

Leer más
img-16
Woody Add Snippets

Desarrollado por el mismo equipo de Webcraftic que cuenta con varios plugins y varios de ellos gratuitos.
Uno de esos plugins que se encuentran entre los grandes desconocidos....

Leer más
img-17
Numbify

 ¿Qué es Numbify?
Numbify es una herramienta para Oxygen que sirve para clonar, (por no decir copiar), páginas web.
Su funcionamiento se basa en la copia de elementos del frontend, para pegarlos en la interface de edición de Oxygen, estos elementos pueden ser, por lo menos hasta el momento de redactar esta review, cualquier elemento del DOM con la limitación jerárquica máxima de una sección; esto quiere decir que no podrás copiar de una tacada todo el body.

Leer más