Lay Theme Forum

@Remco-van-Dun said in Event plugin: show lay header and footer on event page:

But, what you achieved at https://tonhalle.at/events/ is exactly what I'm trying.
Would love to hear about this and might be able to compensate you for your time.

The Shortcode for the coming events is:
[add_eventon_list number_of_months="24" hide_month_headers="yes" hide_past="yes" cal_id="zukunft" accord="yes" hide_mult_occur="yes"]

for the past events:
[add_eventon_el el_type="pe" number_of_months="24" sep_month="no" accord="yes" event_order="DESC" month_order="DESC" hide_mult_occur="yes"]

Like this it is all shown on the same page. Since you asked, I had a look again at the problem, and I noticed that now the single event pages work (hamburger navigation is shown), it only misses the footer now (even for logged out users). So if someone finds out how I can put a specific page (here: my footer page) into the php file of the single event, that would be amazing! Is there a possibility to reference a page with php?

@Remco-van-Dun Unfortunately I didn't find a solution. I would still be interested though.

Cool, thanks!!
Yes, it is only shown while sliding. It is a detail, but it bothered me, especially because I had rounded corners on the images :)

Yes, but that option isn't visible when "Aspect Ratio of first Element" is selected. Maybe you can change that?

for me this is way easier: insert the following line into the custom CSS field:

@import url('/wp-content/themes/mylay/additionalstyles.css');

Then you can save a css file named additionalstyles.css in the themes-folder /mylay/…, and this file you can open with for example Transmit (FTP-Client) & Sublime text (Editor), save, and in 2 seconds its done. then clean the browser cache and reload your website.

That didn't work for me, but here is my solution, if you have single slides:

.lay-carousel-slide.is-selected {
margin-left: 3%;
left: -3%;
}

.lay-carousel-slide.swiper-slide-prev {
left: -3%;
}

The numbers you can change to your liking, but they should all be the same.

That's perfect, thank you so much!

hi @arminunruh could you have a look at the problem with $tags$ inside stacks? I would really appreciate that, thank you!

The new $tags$ feature is great! I found out it is not showing up if the text is inside a stack. Could you correct that?

Furthermore, it would be nice if it came with a specific (span) class that I can target. Now it is only text inside a <p></p>, so I cannot style it with CSS.

My point is to make the tags like labels (coloured background). Hope I can get rid of the comma as well somehow :-)

I installed Eventon Plugin as an event calendar, which works fine with shortcodes inside a page of lay theme.

The plugin also generates a page for each event (custom post type?), and I was able to configure it, but it doesn't work perfectly:

• example of an event: https://tonhalle.at/eventon/der-toepferbrunch-21/
• if logged in, the page shows the event, the site title (logo) and the hamburger menu, and a "back to all events" button which I hard coded into the plugin page template
• but it doesn't show the footer
• if not logged in, it even shows only the site title (logo) and the event, but no hamburger, no footer and no "back to all events" button

Below you can find the code of the php file that is used by the plugin for the single event pages. It's a mix from the lay theme page.php and from the plugins code.

Could anybody help…

• why are some parts only shown wenn logged in?
• why is the footer never shown?

It's probably just some small changes in the php below, but I don't know where (tried a few things already, nothing worked).

Thanks in advance!

<?php
get_header(); 
?>
	<?php echo LayIntro::getMarkup(); 
	echo LaySearch::getMarkup();

if ( post_password_required( $post ) ) {
    echo get_the_password_form();
} else {
	if ( class_exists('WooCommerce') && have_posts() ) {
		global $post;
			$content = get_the_content();
			if(trim($content) != '') {
				?>
				<div id="lay-woocommerce" class="lay-textformat-parent">
				<?php                
					the_content();
				?>
				</div><!-- #lay-woocommerce -->
				<?php
			}		
	}

// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {	exit; }	

do_action('eventon_before_header');	


// you can also pass a lang value in below function to create fixed lang single event page.
// this value will be overriden by language corresponding events
do_action('eventon_before_main_content');

?>
<div id='main_single'>
	<div class='evo_page_body'>

		<?php do_action('eventon_single_content_wrapper');?>

			<?php /* The loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>

				<?php evo_get_template_part('content','single-event');?>
				
			<?php endwhile; ?>	

<div class="eventpage_button"><a class="laybutton1 laybutton" href="https://tonhalle.at/events/" data-title="Event-Übersicht" data-type="page">Zur Event-Übersicht</a></div>

</div>	

		<?php	do_action('eventon_single_sidebar');	// DEP ?>

		<?php	do_action('eventon_single_after_loop');	?>

	</div><!-- #primary -->	

<?php 	do_action('eventon_after_main_content'); 




$layout = Lay_Layout::getLayoutInit();
echo $layout;
?>
<div id="lay-overlays">
<?php
echo Lay_Overlays::getOverlays($layout);
?>
</div>
<?php
echo ProjectsOverlaysOptions::getMarkup();
?>
<?php
}
get_footer();

I mean the caching plugin: WP Fastest Cache

Did you install the plugin mentioned here? https://laytheme.com/documentation/speeding-up-your-website.html
For me it helped!

I need to exclude all the projects from being cached by the plugin you recommend for a faster website. Can I do this by excluding posts (Beiträge), are these the projects?

I need to exclude them because of some php loading from an external service, which is not correctly updated if caching is on (strangely, only on smartphones, not on desktop).

Great, thank you so much Armin!

It worked with this code:

function wpdocs_theme_add_editor_styles() {
    add_editor_style( 'https://www.thisismydomain.com/wp-content/themes/lay_eigenes/admin-style.css' );
}
add_action( 'admin_init', 'wpdocs_theme_add_editor_styles' );

/themes/lay_eigenes/ is just a folder with my CSS files, no child theme.

Thank you! I'm aware that Lay doesn't support child themes, and I want to avoid changing stuff in the lay theme folder.

The above mentioned function (function kd_custom_style()) I added with the CodeSnippet Plugin. I was trying to do the same with the tinymce-CSS, but didn't succeed.

I found your line in the setup.php file, but I didn't find out how I can use it by putting the code in the CodeSnippet that runs in the backend.

Changing the URL to my file didn't do the job, seems like there needs to be more code. So if you or anybody else can give me more hints, that would be greatly appreciated!

tinyMCE has some help with the topic, but I didn't manage to make it work. That's what I found:

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  content_css: '/myLayout.css'  // resolved to http://domain.mine/myLayout.css
});

Some of my custom CSS for the frontend I also need in the backend text editor for it to be clear for the user.

I noticed that the CSS of the text editor is defined in:

…/themes/lay/setup/assets/css/tinymce_defaults.css

Is there a way to add another CSS file to the tinyMCE editor?

I was able to do it for the Gridder preview with this function:

function kd_custom_style() {
   wp_enqueue_style('admin-styles', '/wp-content/themes/lay_eigenes/admin-style.css');
}

add_action('admin_enqueue_scripts', 'kd_custom_style');

But that doesn't work in the tinyMCE editor, because it opens as an iframe. How can I insert the CSS-file to this iframe?

Hi @arminunruh , are there any news on that topic (filter for woocommerce products)?

Best,
David

Ok I found it out myself, sorry… 
But for anyone else having this problem: It was the plugin "WP fastest cache", I had to delete cache and mimized CSS (both!), now it works on all browsers and iPhone.

I installed the overlay burger menu, but it only works flawlessly on Firefox (neweset version, Macos).

On Chrome, Safari and on my iPhone the Overlay burger isn't positioned floating on the top right, but it gets displayed at the end of the page content. Strangely on one of the pages it works correctly (https://tonhalle.at/kurse/), but on all the other ones it doesn't.

I have to say that there are two overlays on this site, but they both don't work where they should.

Could you please help me @arminunruh ? Thanks a lot!

Attached:
first image: how it should look (and how it does on Firefox):

second image: how it looks on Chrome, Safari and iPhone:

Cool, thanks! Let me know if this is implemented some day :-)