Tagged: x
-
AuthorPosts
-
October 26, 2016 at 8:32 am #1231476
louisaleontiadesParticipantHi there,
My client has requested pop-up boxes for the posts featured in the carousel (ethos theme). Each post is a list of articles featured in a particular publication, so the formatting should be quite straightforward. I’ve already set up a child theme since they wanted the carousel below the masthead, but don’t see a resolution to this particular query in the forum. Thanks for any help,
Louisa
October 26, 2016 at 8:33 am #1231480
louisaleontiadesParticipantThis reply has been marked as private.October 26, 2016 at 10:02 am #1231617
ChristianModeratorHey Louisa,
Please add the code below in your child theme’s functions.php
// Change Ethos Carousel Item Link to the Featured Image function x_ethos_entry_cover( $location ) { if ( $location == 'main-content' ) { ?> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <a class="entry-cover" href="<?php echo x_make_protocol_relative( x_get_featured_image_url() ); ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>"> <h2 class="h-entry-cover"><span><?php x_the_alternate_title(); ?></span></h2> </a> </article> <?php } elseif ( $location == 'post-carousel' ) { ?> <?php GLOBAL $post_carousel_entry_id; ?> <article <?php post_class(); ?>> <a class="entry-cover" href="<?php echo x_make_protocol_relative( x_get_featured_image_url() ); ?>" style="<?php echo x_ethos_entry_cover_background_image_style(); ?>"> <h2 class="h-entry-cover"><span><?php ( $post_carousel_entry_id == get_the_ID() ) ? the_title() : x_the_alternate_title(); ?></span></h2> <div class="x-post-carousel-meta"> <span class="entry-cover-author"><?php echo get_the_author(); ?></span> <span class="entry-cover-categories"><?php echo x_ethos_post_categories(); ?></span> <span class="entry-cover-date"><?php echo get_the_date( 'F j, Y' ); ?></span> </div> </a> </article> <?php } } // Add Sitewide Lightbox Code for Carousel add_action( 'wp_footer', 'add_lightbox_for_carousel'); function add_lightbox_for_carousel() { echo do_shortcode('[lightbox selector=".x-post-carousel-item .entry-cover" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]'); }Tested it and should work like this
Hope that helps. 🙂
October 26, 2016 at 1:29 pm #1231958
louisaleontiadesParticipantHi there,
I had some doubts when we couldn’t get developer licenses but your level of support makes individual purchases worth it. It does work as you said. But I wanted the text to flash up–ie the list of publications–not the featured image. Perhaps I can paste the text in the excerpt (although I don’t know the maximum excerpt length) and get that if the post text isn’t possible? What code might I put in? Thanks,
Louisa
October 26, 2016 at 7:43 pm #1232305
Rue NelModeratorHey Louisa,
Thanks for the updates. Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.
Thank you.
October 26, 2016 at 11:58 pm #1232649
louisaleontiadesParticipantHi
Thanks for your reply. I haven’t seen a site that does this. But I can try and explain. Each post contains a list of articles that my client has edited and has featured in the corresponding publication. When one clicks on the carousel, the featured image pops up in a light box. Instead of the featured image I would like the list of publications to pop up. I would like the post text itself to pop up in the lightbox. Is this clear? Thanks
‘louisa
October 27, 2016 at 1:18 am #1232704
Rue NelModeratorHey Louisa,
Thank you for the clarifications. Regretfully we cannot support any modifications to the header other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. Among these, the header is one of the more complex elements of the theme and structural modifications to it will likely lead to numerous layout problems as there are a lot of things to take into consideration because of X’s responsive nature. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.
Thank you for your understanding.
October 27, 2016 at 8:05 am #1233090
louisaleontiadesParticipantHi
Of course I understand. Thanks for replying. In the end I have decided to go for a combo of these two things; the first to get a little bit of the excerpt showing:
https://community.theme.co/forums/topic/how-to-get-post-excerpt-in-post-carousel/
And the second, to get the carousel under the masthead:
https://community.theme.co/forums/topic/ethos-post-carousel-below-masthead/
But, although I did the second step correctly at one point, it seems now not to be working– most likely because I’ve done so many changes that I’ve lost track.
Thanks for providing any help you can.
Louisa
October 27, 2016 at 9:14 am #1233189
ChristianModeratorHey Louisa,
We’re sorry but what you need would be quite involved. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/
Thank you for understanding.
October 31, 2016 at 8:03 am #1237785
louisaleontiadesParticipantThanks. I’ve modified what I can for now. No doubt will be in contact with your trusted partners in the future. 🙂
October 31, 2016 at 8:53 am #1237829
Paul RModeratorYou’re welcome! 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1231476 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
