Modifying the Owl Carousel in Dawn using Code Injection

Developer help
1

I’m using Ghost(pro), so I’m limited in how much control I have over the available templates. I really like the Dawn template, but I’ve been making some small style modifications using Code Injection to better suit my purposes before I commit to the template.

The only thing I’m struggling with is modifying the Owl Carousel. I’m not sure if it is possible using only Code Injection, but I’d like the Carousel to show Recent Posts as opposed to Featured Posts. And, subsequently, hide those posts from the Post Feed beneath.

Eg. if the Carousel shows 5 recent posts, those 5 posts would not be listed in the Post Feed.

Is this possible? If so, I’d appreciate the help :smiley:

2

I would assume you would just need to code it to show only not featured posts in the body, so it should be possible. .I’m new to this though and don’t know how…

3

This would be challenging to do with code injection. You’d need to make an api call to get the recent posts, and you’d need to remove them (after the theme already drew them) from the rendered page. While it’s possible to do all that with JavaScript, it’d be likely to be flicker-y on load. If you can’t edit the theme, I’d look for a theme that already has this function.