Carousel with PRO Header

[ENBertussi]

Hey there,

I wondered if you could suggest a method by which I could emulate the carousel from x into a pro header. on this site https://aceandswordtattoos.ca/

Couple of things germane to my solution.

1. I DO NOT need to have “posts” as the automatically populated carousel items, in fact I would much prefer that the carousel effect was using arbitrary content elements instead of just populating posts… i.e. products, pages, etc…

2. I’d prefer to migrate the current “posts” to just plain old fashioned pages, since these are artist profile pages…

3. the most important thing I require is the USER interface UX of having the images along the top of the page on desktop and appearing like a slider on desktop… we need to get this site off of using the default header and get going with a proper pro customisable header… asap…

what do you think theme.co team? how can i replicate the Carousel with Pro and pages instead of using Ethos Carousel and posts…?

ENB…//

[ruenel]

Hello There,

Thanks for writing in!

1.) You will need to modify the x/framework/legacy/cranium/headers/views/ethos/_post-carousel.php file. Instead of using the post post type, you will replace it with page and other query args to make sure that the carousel will display the pages that you would want to display. Regretfully this customization is way more beyond the scope of our support. We can only guide you where you can start of what you have in mind.

2.) If you used Cornerstone in building your post, you can easily save it as a template and migrate it to a page by loading the template. You will have to do this for each post and its respective page.

3.) The post carousel is part of the default header. If you use a custom header, the post carousel gets replace and will no longer appear. If you would want to use the post slider, you will need to add this custom code in your child theme’s functions.php file

// Display Post Carousel above the custom header
// =============================================================================
function display_carousel(){
   x_get_view( 'ethos', '_post', 'carousel' );
}
add_action('x_after_masthead_begin', 'display_carousel');
// =============================================================================

Hope this works out for you. Please let us know how it goes.