Support » Plugin: Collapse-O-Matic » All Content shows as Expanded

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author Baden

    (@baden03)

    Ok, the problem is with your theme. For some reason the jQuery library is not loading. Can you check and make sure our header.php file is calling the head() function? A band-aid workaround would be to manually load jQuery, but this is not recommended.

    Take a look and post back.

    Thanks for the reply – Great support service!

    I’m assuming you are referring to the theme’s header.php file (again – new to wp!) I see only one reference to ‘head’ in the file:

    <?php
    wp_deregister_script(‘jquery’);
    wp_head();
    ?>

    If I have to add something, can you provide the proper syntax?

    Thank you.

    Plugin Author Baden

    (@baden03)

    great! well, you really want to comment out that wp_deregister_script bit!

    <?php
    //wp_deregister_script('jquery');
    wp_head();
    ?>

    What that is doing there is anyones guess. Let us know if you get it working!

    That did it! Thanks so much. Looks great – maybe even better after I style it a bit!

    Thanks again. Love the plug in.

    Plugin Author Baden

    (@baden03)

    That’s how we do! don’t forget to vote for pedro!

    Baden, can you help me? I have the same issue. This is whats in my header.php though:

    <?php
    	$webSiteUrl = get_bloginfo('url')."/";
    	$pageURL = 'http';
    	if ($_SERVER["HTTPS"] == "on") {
    		$pageURL .= "s";
    	};
    	$pageURL .= "://";
    	if ($_SERVER["SERVER_PORT"] != "80") {
    		$pageURL .= $_SERVER["SERVER_NAME"].":".$_SERVER["SERVER_PORT"].$_SERVER["REQUEST_URI"];
    	} else {
    		$pageURL .= $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];
    	};
    	if($webSiteUrl!=$pageURL){
    		$pageHash = substr($pageURL, strlen($webSiteUrl), strlen($pageURL));
    		header("location:".$webSiteUrl."#!/".$pageHash."");
    		exit;
    	};
     ?>
    <!DOCTYPE html>
    <!--[if lt IE 7 ]><html class="ie ie6" <?php language_attributes();?>> <![endif]-->
    <!--[if IE 7 ]><html class="ie ie7" <?php language_attributes();?>> <![endif]-->
    <!--[if IE 8 ]><html class="ie ie8" <?php language_attributes();?>> <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!--><html <?php language_attributes();?>> <!--<![endif]-->
    <head>
    	<title><?php if ( is_category() ) {
    		echo __('Category Archive for "', 'theme5820'); single_cat_title(); echo __('" | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_tag() ) {
    		echo __('Tag Archive for "', 'theme5820'); single_tag_title(); echo __('" | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_archive() ) {
    		wp_title(''); echo __(' Archive | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_search() ) {
    		echo __('Search for "', 'theme5820').wp_specialchars($s).__('" | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_home() || is_front_page()) {
    		bloginfo( 'name' ); echo ' | '; bloginfo( 'description' );
    	}  elseif ( is_404() ) {
    		echo __('Error 404 Not Found | ', 'theme5820'); bloginfo( 'name' );
    	} elseif ( is_single() ) {
    		wp_title('');
    	} else {
    		echo wp_title( ' | ', false, right ); bloginfo( 'name' );
    	} ?></title>
    	<meta name="description" content="<?php wp_title(); echo ' | '; bloginfo( 'description' ); ?>" />
    	<meta charset="<?php bloginfo( 'charset' ); ?>" />
    	 <?php
    		$useragent=strtolower($_SERVER['HTTP_USER_AGENT']);
    		if(strripos($useragent, "ipod")>1 || strripos($useragent, "ipad")>1 || strripos($useragent, "iphone")>1){
    			echo '<meta name="viewport" content="width=device-width,initial-scale=1.0">';
    		}else{
    			echo '<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0">';
    		};
    	?>
    	<meta name="viewport" content="width=device-width,initial-scale=1.0<?php echo $userScale; ?>">
    	<link rel="profile" href="http://gmpg.org/xfn/11" />
      	<link rel="icon" href="<?php bloginfo( 'template_url' ); ?>/favicon.ico" type="image/x-icon" />
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo( 'name' ); ?>" href="<?php bloginfo( 'rss2_url' ); ?>" />
    	<link rel="alternate" type="application/atom+xml" title="<?php bloginfo( 'name' ); ?>" href="<?php bloginfo( 'atom_url' ); ?>" />
    	<?php /* The HTML5 Shim is required for older browsers, mainly older versions IE */ ?>
    	<!--[if lt IE 8]>
    	<div style=' clear: both; text-align:center; position: relative;'>
    		<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
    	</div>
    	<![endif]-->
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/reset.css" />
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/grid.css" />
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/default_style.css" />
    	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    	<?php
    		/* We add some JavaScript to pages with the comment form
    		 * to support sites with threaded comments (when in use).
    		 */
    		if ( is_singular() && get_option( 'thread_comments' ) )
    			wp_enqueue_script( 'comment-reply' );
    
    		/* Always have wp_head() just before the closing </head>
    		 * tag of your theme, or you will break many plugins, which
    		 * generally use this hook to add elements to <head> such
    		 * as styles, scripts, and meta tags.
    		 */
    		wp_head();
    	?>
      <!--[if lt IE 9]>
      <style type="text/css">
        .border{
          behavior:url(<?php bloginfo('stylesheet_directory'); ?>/PIE.php);
          position: relative;
        }
      </style>
      	<script src="<?php bloginfo('template_url'); ?>/js/html5.js"></script>
      	<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/css/IE8.css" />
      <![endif]-->
      <!-- Custom CSS -->
    	<?php if(of_get_option('custom_css') != ''){?>
      <style type="text/css">
      	<?php echo of_get_option('custom_css' ) ?>
      </style>
      <?php }?>
      <style type="text/css">
    		/* Body styling options */
    		<?php $background = of_get_option('body_background');
    			if ($background != '') {
    				if ($background['image'] != '') {
    					echo 'body { background-image:url('.$background['image']. '); background-repeat:'.$background['repeat'].'; background-position:'.$background['position'].';  background-attachment:'.$background['attachment'].'; }';
    				}
    				if($background['color'] != '') {
    					echo 'body { background-color:'.$background['color']. '}';
    				}
    			};
    		?>
    		/* Links and buttons color */
    		<?php
    			$links_styling = of_get_option('links_color');
    			$links_styling_hover = of_get_option('links_color_hover');
    			if($links_styling) {
    				echo 'a{color:'.$links_styling.'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}else{
    				echo 'a{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}
    			if($links_styling) {
    				echo 'a:hover, a:active{color:'.$links_styling_hover.'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}else{
    				echo 'a{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}';
    			}
    		?>
    
    		/* Body typography */
    		<?php $body_typography = of_get_option('body_typography');
    			if($body_typography) {
    				echo 'body {font-family:'.$body_typography['face'].'; color:'.$body_typography['color'].'; font-size:'.$body_typography['size'].'; font-style:'.$body_typography['style'].'; -webkit-text-size-adjust: none;}';
    			}
    		?>
      </style>
        <script type="text/javascript">
            var offsetHeight;
    		$(window).load(function() {
                offsetHeight = $("#footer").height() + 100;
                $("#galleryHolder").gallerySplash({
    				autoPlayState:'<?php echo of_get_option('auto_play'); ?>',
    				autoPlayTime:'<?php echo of_get_option('change_delay'); ?>',
    				alignIMG:'<?php echo of_get_option('align_img'); ?>',
    				controlDisplay:'<?php echo of_get_option('display_navigation'); ?>',
    				paginationDisplay:'<?php echo of_get_option('display_pagination'); ?>',
    				animationSpeed:'<?php echo of_get_option('animation_speed'); ?>'
    			});
                $(".posters > li:nth-child(3n)").addClass("noMarginR");
    
                $('#pageList').stop(true, true).animate({height:$('#splash_page').outerHeight(true) + offsetHeight}, 1000, "easeInOutCubic");
                $('#splash_page').css({left:$(document).width(), "display":"block"}).stop(true).animate({left:0}, 800, "easeInOutCubic");
    		});
    	</script>
    </head>
    
    <body <?php body_class(); ?>>
    	<div id="web_site_spinner"></div>
        <?php include_once(TEMPLATEPATH . '/slider.php'); ?>
    	<div id="wrapper">
    		<div id='pageSpinner'><div></div></div>
            <div id='imgSpinner'><div></div></div>
            <div id="controlsHolder">
        		<a href="#"><span></span></a>
        		<a href="#"><span></span></a>
            </div>
            <div id="previewHolder">
    
    <ul>
            		<?php $posts_counter = 0; ?>
            		<?php
            			query_posts("post_type=slider&posts_per_page=-1&post_status=publish");
            			while ( have_posts() ) : the_post(); $posts_counter++;
            		?>
            		<?php
            			$custom = get_post_custom($post->ID);
            			$url = get_post_custom_values("slider-url");
            			//$sl_thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'slider-post-thumbnail');
            			$sl_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'slider-post');
            			$tab_title = get_post_custom_values("tab-title");
            		?>
            		<?php
            			if(has_post_thumbnail( $the_ID) || $sl_thumb!=""){
            				echo "
    <li><a href='".$sl_image_url[0]."'></a></li>
    ";
            			}
            		?>
              		<?php endwhile; ?>
            	</ul>
            </div>
    		<header class="container">
                <div>
        			<h1 id="logo">
        				<?php if(of_get_option('logo_type') == 'text_logo'){?>
        					<a>/" title="<?php bloginfo('description'); ?>" id="logoText" class="<?php bloginfo( 'template_url' );?>"><?php bloginfo( 'name', 'display' ); ?></a>
        	   				<p id="logoSlogan"><?php bloginfo('description'); ?></p>
        				<?php } else { ?>
        	          		<?php if(of_get_option('logo_url') != ''){ ?>
        	            		<a>/" class="<?php bloginfo( 'template_url' );?>" id="logoImg"><img src="<?php echo of_get_option('logo_url', "" ); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a>
        	            	<?php } else { ?>
        	            		<a>/" class="<?php bloginfo( 'template_url' );?>" id="logoImg"><img src="<?php bloginfo('template_url'); ?>/images/logo.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('description'); ?>"></a>
        	            	<?php } ?>
        	          	<?php }?>
        			</h1>
                    <?php wp_nav_menu( array(
                        'menu_id'         => 'mainMenu',
        	   			'menu_class'      => 'menu',
        		        'container'       => 'nav',
        		        'container_id'    => 'menuWrapper',
        		        'depth'           => 0,
        		        'theme_location' => 'menu'
        		        ));
        			?>
                </div>
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-37639920-1']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script>
    		</header>
            <div class="clear"></div>

    [Please post code or markup between backticks or use the code button. Or better still – use a pastebin. Your posted code may now have been permanently damaged/corrupted by the forum’s parser.]

    What do I need to change?

    Plugin Author Baden

    (@baden03)

    kathy,

    Can you post a link to the page you are having trouble with? Thanks.

    Plugin Author Baden

    (@baden03)

    kathy,

    The plugins seem to be working (sometimes) on your site, however when it does work, all the collapse-o-matic elements show up expanded.

    When it does not work, it seems to be due to the following error:

    Uncaught TypeError: Object [object Object] has no method 'gallerySplash'

    The reason for this is improper formatting of jQuery required for use in WordPress.
    If you disable the gallerySplash plugin (or whatever that is) do things magically start working? If so, that’s where we would start!

    You might also download and upgrade to the latest beta version of Collapse-O-Matic: 1.5.2c straight from our Plugin Oven

    Hello Baden, I’m having some problems with the plugin…

    I’m using it with this website: http://singulardesenvolvimento.com.br/produtos-e-servicos/

    At first it seems fine, but if you go to the page from the top menu all the content will show as expanded, my guess is that this has something to do with the roll the page does to the content. Do you have any idea how to make this 2 things work together?

    Cheers,
    Rodrigo

    Plugin Author Baden

    (@baden03)

    agenciagancho: when you use the menu, is the content being loaded in dynamically with Ajax? If so, do you have the ability to trigger a call-back function after the content is loaded?

    Baden, these questions go beyond my knowledge, how can I help you to help me? Should I copy the code for you?

    Plugin Author Baden

    (@baden03)

    Rodrigo,

    We just tested this again, and it seems to now be working? Can you confirm this on your end?

    It is, thank you, i found out a way to turn off the auto-scroll.

    Plugin Author Baden

    (@baden03)

    Very nice… and, check out the big brain on Rodingo!
    vote for Pedro!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘All Content shows as Expanded’ is closed to new replies.