-
Posts
-
Hey steviger,
Are you sure that is the events post type?
We would need backend access so we can check better we are afraid.Best regards,
BasilisHi,
Thanks for the reply. This code works fine for the single events and single posts page. However I’d like to have that shotcode in the page with the events list itself
Update:
I inserted this code in the content.php (in my child theme) and it works.
Now I only need to have it full width. Thanks in advance!
Best regards,Steven
Hi,
Thank you for the update.
We removed the shortcode from the content.php file and used this filter in the functions.php file instead.
Best regards,
IsmaelHi Ismael,
It does displays the header in the Event List page (how do we get it full width). Changing av_slideshow_full size=’no scaling’ to av_slideshow_full size=’no scaling’ doesn’t do the trick.
BTW, after adding your code in the functions.php, it adds that header to the single event page as well. So I changed the statement under Layer slider in single post page and single event page:
if( is_singular(array( 'post', 'tribe_events'toif( is_singular(array( 'post'I tested it and it works.So basically the only question is how to get the header in your code full width.
Regards,
Steven
Hi Steven,
Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHi Guys,
Indeed this works for the desktop version. However I forgot that we need a (smaller) static image as header for the mobile version. How can I achieve that? Normally I would use a CSS media query for that, but I’m not sure how to dothis in this case. So the goal is: Show the slideshow on desktop version (and hide the static image) and show the static image on mobile (and hide the slideshow)
Thanks in advance!
Regards,
Steven
Hi Yigit,
That’s what you do in a normal page (show hide content sections based on screen) but this page is one generated by Events Calendar so therefore we had to use this code with shortcode. I do see
mobile_image='' fallback_link=''in the shortcode but where do I select that option when adding a image to slider via the magic wand? See screendump. I can’t find that option here. It’s only visible when selecting a video.Cheers,
Steven
Hi,
Thanks for the update.
There should be a “Choose a preview/fallback image” option when you use a “Video Slide”. Insert an Easy Slider, add a slide, set it to Video Slide and then you should see that option. Let us know if it helps.
Best regards,
IsmaelHi,
Thanks for your answer, However I dont’t want a videoslide but a image slide and when inserting that, there’s no option for a fallback image.
Regards,
Steven
Hi,
Thanks for the update.
Use the elements’ Screen Options instead of the fall back image. The options there can be easily understood. It enables you to display different elements on various screen sizes.
Best regards,
IsmaelHi,
I’m not sure if we are on the same subject. Again, that’s what you do in a normal page (show hide content sections based on screen) but this page is one generated by Events Calendar so therefore we had to use this code with shortcode and put it in functions.php in order to have the slider displayed. Latest thing I tried was:
Enable debug mode, used the advanced layout editor, added a slider with screen options (not showing on smaller screens) and below my mobile image with screen options (hide on larger screens.
This is de code I’ve put in the functions.php:
Result is that both show up on large screens as well as mobile screens. See screenshot here.Hi,
Thanks for the update.
You can add these parameters to the av_slideshow_full shortcode to control the visibility of the element.
av-desktop-hide='aviaTBav-desktop-hide' av-medium-hide='aviaTBav-medium-hide' av-small-hide='aviaTBav-small-hide' av-mini-hide='aviaTBav-mini-hide'Those parameters correspond to the Element Visibility option.
Hide on large screens (wider than 990px - eg: Desktop) Hide on medium sized screens (between 768px and 989px - eg: Tablet Landscape) Hide on small screens (between 480px and 767px - eg: Tablet Portrait) Hide on very small screens (smaller than 479px - eg: Smartphone Portrait)Example:
That slide will be hidden on desktop view.Best regards,
Ismael
- The topic ‘[SOLVED]Adding shortcode to event list Events Calendar pro’ is closed to new replies.