Blog

Posts Carousel in Oxygen using Owl

This tutorial provides the steps to initialize OwlCarousel on posts output by Easy Posts element in Oxygen.

We shall
  • register a custom size for the images in the carousel
  • edit the PHP template to use our custom image size rather than the full-sized images and to show just the featured image and title
  • add the CSS classes needed for Owl via jQuery to .oxy-posts inside our Easy Posts output
  • initialize Owl such that 1 item is shown up to 499px, 2 items from 500px, 3 items from 768px and 4 items from 1024px and above.
https://www.instagram.com/p/CA6_oBxIHrE/
[shareicons]

Kontakt

    Du möchtest an einem Workshop teilnehmen und mehr über die Baustoffe Lehm oder Kalk lernen? Du hast ein Projekt oder den Platz um einen Workshop zu veranstalten? Du möchtest mir eine Wandgestaltung anvertrauen?

    Kontaktiere mich!

    Copyright 2023 Mudmural
    menu-circlecross-circle