Compatibility with Customizr theme

  • Resolved VM06

    (@vm06)


    6 years, 4 months ago

    Hello,
    I would like to use the plugin with Customizr theme that already has his sidebars (I have created some content within those sidebars but on smartphone, they appear at the bottom of the page which is not what I am searching for).
    I have no idea on how to implement the plugin, I don’t know how it works. When I activated the plugin, there are no off canvas sidebars. I added the php codes on header.php and footer.php but nothing happens.
    If you can explain step by step how can I use it.
    Thanks ?? .

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @vm06,

    I’m on holiday untill monday but let me try to help you by phone.

    If you correctly edited your header and footer files the main setup should be correct.
    So if you see the sidebar but it doesn’t work right you could try the legacy CSS mode. You can find this setting on the main settings page.
    This works most of the time with themes that make use of fixed elements.

    If that doesn’t work I’ll have to take a look at your installation.

    Regards, Jory

    Thread Starter VM06

    (@vm06)

    Hello @keraweb,
    It is really nice to answer during your holidays ?? .
    I am working locally, so I cannot you give a website address.
    So, I added the sidebars (left and right), they appear on widget area, but not on the page. I added a menu on the left sidebar and a TOC on the right one, but nothing appears on the page (even if I remove the default sidebars of Customizr theme or let them).
    Thanks.

    Thread Starter VM06

    (@vm06)

    For further information about the edited files, please find the code of header.php and footer.php.
    And another question please : is it possible to keep the sidebars visible on desktop and add the off-canvas option only on tabs and smartphone?
    Thanks ?? .

    <body <?php body_class(); ?> <?php echo apply_filters('tc_body_attributes' , '') ?>>
    <?php do_action('website_before'); ?>
    <?php do_action( '__before_page_wrapper' ); ?>
    

    <div id="tc-page-wrap" class="<?php echo implode( " ", apply_filters('tc_page_wrap_class', array() ) ) ?>">

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

  	   	<header class="<?php echo implode( " ", apply_filters('tc_header_classes', array('tc-header' ,'clearfix', 'row-fluid') ) ) ?>" role="banner">
  			<?php
  				// The '__header' hook is used with the following callback functions (ordered by priorities) :
  				//CZR_header_main::$instance->tc_logo_title_display(), CZR_header_main::$instance->czr_fn_tagline_display(), CZR_header_main::$instance->czr_fn_navbar_display()
  				do_action( '__header' );
  			?>
  		</header>
    <?php
 /**
 * The template for displaying the footer.
 *
 *
 * @package Customizr
 * @since Customizr 3.0
 */
if ( apply_filters( 'czr_ms', false ) ) {
  do_action( 'czr_ms_tmpl', 'footer' );
  return;
}

  	do_action( '__before_footer' ); ?>
  		<!-- FOOTER -->
  		<footer id="footer" class="<?php echo czr_fn__f('tc_footer_classes', '') ?>">
  		 	<?php do_action( '__footer' ); // hook of footer widget and colophon?>
  		</footer>
    </div><!-- //#tc-page-wrapper -->

		<?php
    do_action( '__after_page_wrap' );
    do_action('website_after');
		wp_footer(); //do not remove, used by the theme and many plugins
	  do_action( '__after_footer' ); ?>
	</body>
	<?php do_action( '__after_body' ); ?>
</html>
    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @vm06,

    I’m back!
    Looking at your code and it should be fine.
    Not exactly related, but please do make sure that it’s in a childtheme, not in the main theme or it will be overwritten with the next update.

    And another question please : is it possible to keep the sidebars visible on desktop and add the off-canvas option only on tabs and smartphone?

    Yes, this is the “disable over” feature on the main settings page. You can set a maximum width in pixes where off-canvas works.
    You can even overwrite this per sidebar so each sidebar has it’s own width to respond to.

    Cheers, Jory

    • This reply was modified 6 years, 4 months ago by Jory Hogeveen.
    Thread Starter VM06

    (@vm06)

    Hello @keraweb,
    Hope you enjoyed your holidays (surely)!
    Thanks for answering very quickly ?? .
    So, I decided to change the theme as I don’t know why but it did not work with Customizr theme.
    So, the new theme is OceanWP, I saw that there are hooks to use for this theme.
    So I added “ocean_before_outer_wrap” and “ocean_after_outer_wrap” on the plugin settings. The widget named “Off Canvas : name”, “this is a widget area that is used for off-canvas widgets” appears on the widget area, on the right side (as I chose for content “sidebar” and for location “right”. So I added the TOC (table of content) on it but it does not appear on the front end.
    Did I miss something or something I did wrong?
    Thanks for your answer.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @vm06,

    Could you share your configuration?
    You can do this by exporting the settings and post them here in a code block.

    Thanks! Jory

    Thread Starter VM06

    (@vm06)

    hello @keraweb,
    Thanks for your great support!
    So, the plugin works, it is very great but there are some dysfunctions : I added 768px on “disable over” on the plugin setting to have the table of content appearing on bigger screen, but after adding this, it does not work at all (on small and big screen). Another thing : when I remove 768px on “disable over” so that the plugin works, the toggle button appears on the bottom of the page and not on to right on smartphone and tab width. And just another thing : when the off-canvas sidebar appears on the right, there is no button that appears to remove (toggle) it. I must click on the site to take it off.
    I know it is difficult for you to help me without looking at the website, but, for the moment, it is developed locally.
    Thanks very much.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hello @vm06

    I think I misunderstood you with the “disable over” function. This function hides (disabled) the off-canvas functionality for any device above the number of pixels you set. So in your case it should only work for smartphones and portrait oriented tablets.

    The other way around (only enable it for large screens) isn’t possible currently.

    Another thing : when I remove 768px on “disable over” so that the plugin works, the toggle button appears on the bottom of the page and not on to right on smartphone and tab width.

    It’s up to you to place the toggle button. This plugin only provides means to do that (menu, widget or shortcode). What happens with it after that is up to you (the theme).

    And just another thing : when the off-canvas sidebar appears on the right, there is no button that appears to remove (toggle) it. I must click on the site to take it off.

    Same thing. What you could do in this case is add a toggle widget as first with a close/toggle button for that sidebar.

    All in all, everything this plugin does is only functional. All markup and CSS is to be done by yourself!

    Hope this helps! Jory

    • This reply was modified 6 years, 4 months ago by Jory Hogeveen.
    Thread Starter VM06

    (@vm06)

    Thanks for your answer.
    Ok for the widget location and CSS.
    As regards the “disable over”, I was not clear : I would like to have the default table of content appearing entirely on the right sidebar on large screen, and the off-canvas right sidebar appearing on small devices.
    So, when I add 768px on “disable over”, the off-canvas functionnality does not work at all (on small and larger devices).
    Thanks if you have any idea :).

    Thread Starter VM06

    (@vm06)

    Hello @keraweb,
    So, I solved the problems with CSS (even if it is not perfect).
    Thanks for your help and for this great plugin.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Hi @vm06,

    First of all, thank you for your review!

    Great to hear you solved your issue. However, I am wondering if this issue is still there:

    So, when I add 768px on “disable over”, the off-canvas functionnality does not work at all (on small and larger devices).

    Please let me know! If this is a bug them I would very much like to fix it!

    Regards, Jory

    Thread Starter VM06

    (@vm06)

    Hello @keraweb,
    So, at first, when I just added the width on “disable over”, over this width, there was nothing on the sidebar (logically the plugin was not working as I specified a width on “disable over”). So, I added the table of content on the theme default sidebar, so as it can appear on bigger screen, and I added a “display: none” on this widget below a certain width. From this width size, it’s the off-canvas widget that takes the place on the right sidebar on smaller screen. That’s what I made.
    Regards.

    Plugin Author Jory Hogeveen

    (@keraweb)

    Ah ok, so it wasn’t an issue with the “disable over” feature :).
    Thanks for letting me know!

    Regards, Jory

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Compatibility with Customizr theme’ is closed to new replies.