MultiTV addons - Free widgets for Nivo Slider, Flex Slider, Gmap3 ...and more!

21 Posts

chedwa Reply #11, 9 years, 8 months ago

Hi Thank you for the syntax however I think I am missing something in the install as the tags are simply displaying on the page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en"> 
<head>
		<meta name="google-site-verification" content="F7igb6lDO20jwZlrxU4HiZ5A9lETo7Tb1Rm90NVJWL0" />
		<meta name="keywords" content="[*introtext*]" />
		<meta name="description" content="Builders in COOKTOWN, QLD, " />
		<META NAME="keywords" CONTENT="builder, cooktown, builders, house, design, renovations, house, land, packages, consultant, council, submittions, queensland, cairns, building, bathrooms, deck, bathroom, roof, quality, timber, pole, far, north ,qld, Builders, COOKTOWN, QLD, construction, services, bobcat, earthworks, rock, walls, footings, engineer, drawings">
		<META NAME="Author" CONTENT="Integrated Media, Chedwa Whyte">
		<META NAME="Copyright" CONTENT="Integrated Media, Chedwa Whyte">
		<META NAME="robots" CONTENT="all">
		<META NAME="language" CONTENT="english">
		<META NAME="revisit-after" CONTENT="7">

<title>[(site_name)] - [*pagetitle*]</title>
	<link rel="stylesheet" type="text/css" href="assets/templates/mtc/css/style.css" media="screen" />
	<script type="text/javascript" src="assets/templates/mtc/js/iepngfix_tilebg.js"></script>
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22573599-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>
{ {nivoslider-css} }	
</head>
<body>
<div id="page">
	<div id="header">
		<div class="header-top-home">
			<a href="http://www.mtcbuilders.com" title="Master Builder in Cooktown"><img src="assets/templates/mtc/images/mtc_logo.png" width="262px" height="164px" alt="mtc_logo" /></a>
		</div>
			<img class="border" src="assets/templates/mtc/images/footer_bg.png" width="903px" height="1px" alt="" />
		<ul>
                        [!Wayfinder? &startId=`0` &hideSubMenus=`true` &level=`1`!]
			
		</ul>
	</div>
		<div class="homepage">
			<!--	[ *multiTV? &tvName=`nivoslider` &display=`all`* ] */ -->
			--content--
			[[multiTV? &tvName=`nivoslider` &display=`all`]]
			--end content--
			<ul>
				<li><a href=""></a></li>
				<li class="current"><a href="index.html"></a></li>
				<li><a href=""></a></li>
				<li><a href="sub.html"></a></li>
				<li><a href=""></a></li>
			</ul>
			
		</div>
	<div id="homepage">
		<ul>
				<li>[*footer-home*]</li>
				<li>[*content*]</li>
		</ul>
		<br style="clear:both"; />
	</div>
        
	<div id="footer">
		<p class="left">Copyright © 2011 <a href="">MTC Builders</a> | <a href="">Disclaimer</a> | <a href="">Privacy</a></p>
		<p class="right">website by <a href="" target="top"><em>I</em>ntegrated <em>M</em>edia (<em>IM</em>)</a></p>
	</div>
</div>	
{ {nivoslider-js} }	
</body >
</html>

☆ A M B ☆
1,031 Posts

Jako Reply #12, 9 years, 8 months ago

You just have to replace { {nivoslider-css} } with {{nivoslider-css}} and { {nivoslider-js} } with {{nivoslider-js}}. Nicolas site works with MODX and so he can't place MODX tags in the content without a plugin that suppress parsing those tags.

@Nicola: http://modx.com/extras/package/notparsemodxtags should work. Every MODX Tag inside of '<pre>' tags is replaced with entities.

1,613 Posts

fourroses666 Reply #13, 9 years, 8 months ago

Don't forget to add below line when using Friendly URLs:

<base href="[(site_url)]" />
</head>

I see maxigallery uses mootools which doesn't work that great with jquery, I think you have to find a solution for that.

Evolution user, I like the back-end speed and simplicity

21 Posts

chedwa Reply #14, 9 years, 8 months ago

Awesome thank you all the help is greatly appreciated.

21 Posts

chedwa Reply #15, 9 years, 8 months ago

Ok still not working, my silly mistakes fixed and the display issues and got the control panel functioning with images loaded however they are not displaying on the page?
I'm feeling rather silly I'm sure I have made another simple mistake?
Please help...

do I need as it suggests "Require: MODx Evolution, MultiTV Snippet" and if so where can I find the code for the Snippet?

mtcbuilders.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en"> 
<head>
		<meta name="google-site-verification" content="F7igb6lDO20jwZlrxU4HiZ5A9lETo7Tb1Rm90NVJWL0" />
		<meta name="keywords" content="[*introtext*]" />
		<meta name="description" content="Builders in COOKTOWN, QLD, " />
		<META NAME="keywords" CONTENT="builder, cooktown, builders, house, design, renovations, house, land, packages, consultant, council, submittions, queensland, cairns, building, bathrooms, deck, bathroom, roof, quality, timber, pole, far, north ,qld, Builders, COOKTOWN, QLD, construction, services, bobcat, earthworks, rock, walls, footings, engineer, drawings">
		<META NAME="Author" CONTENT="Integrated Media, Chedwa Whyte">
		<META NAME="Copyright" CONTENT="Integrated Media, Chedwa Whyte">
		<META NAME="robots" CONTENT="all">
		<META NAME="language" CONTENT="english">
		<META NAME="revisit-after" CONTENT="7">

<title>[(site_name)] - [*pagetitle*]</title>
	<link rel="stylesheet" type="text/css" href="assets/templates/mtc/css/style.css" media="screen" />
	<script type="text/javascript" src="assets/templates/mtc/js/iepngfix_tilebg.js"></script>
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22573599-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>
{{nivoslider-css}}	
<base href="[(site_url)]" />	
</head>
<body>
<div id="page">
	<div id="header">
		<div class="header-top-home">
			<a href="http://www.mtcbuilders.com" title="Master Builder in Cooktown"><img src="assets/templates/mtc/images/mtc_logo.png" width="262px" height="164px" alt="mtc_logo" /></a>
		</div>
			<img class="border" src="assets/templates/mtc/images/footer_bg.png" width="903px" height="1px" alt="" />
		<ul>
                        [!Wayfinder? &startId=`0` &hideSubMenus=`true` &level=`1`!]
			
		</ul>
	</div>
	<div class="homepage">
			 
			<!--content-->
			[[multiTV? &tvName=`nivoslider` &display=`all`]]
			<!--end content-->
			<ul>
				<li><a href=""></a></li>
				<li class="current"><a href="index.html"></a></li>
				<li><a href=""></a></li>
				<li><a href="sub.html"></a></li>
				<li><a href=""></a></li>
			</ul>
			
		</div>
	<div id="homepage">
		<ul>
				<li>[*footer-home*]</li>
				<li>[*content*]</li>
		</ul>
		<br style="clear:both"; />
	</div>
        
	<div id="footer">
		<p class="left">Copyright © 2011 <a href="">MTC Builders</a> | <a href="">Disclaimer</a> | <a href="">Privacy</a></p>
		<p class="right">website by <a href="" target="top"><em>I</em>ntegrated <em>M</em>edia (<em>IM</em>)</a></p>
	</div>
</div>	
{{nivoslider-js}}	
</body >
</html>

1,198 Posts

Nicola (Banzai) Reply #16, 9 years, 8 months ago

1) Check your template code, There is something wrong:

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

1,198 Posts

Nicola (Banzai) Reply #17, 9 years, 8 months ago

NOTE: Nivo Slider requires jQuery.
Your template does not seem to use jquery

So, you need to uncomment the jQuery call in the nivoslider-js chunk:

<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> -->

See here:
https://github.com/Nicola1971/NivoSlider-MultiTV/blob/master/install/assets/chunks/nivoslider-js.tpl#L15

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

1,613 Posts

fourroses666 Reply #18, 9 years, 8 months ago

Be aware if you use QuickManager as front-editor it places jquery in your source but when not logged into the manager its not there. (unless you use the setting to not place the jquery)

Evolution user, I like the back-end speed and simplicity

1,198 Posts

Nicola (Banzai) Reply #19, 9 years, 1 month ago

New MultiTv

Youtube

Youtube Responsive video MultiTV:
Embed responsive Youtube videos in MODx Evolution Templates.

http://www.tattoocms.it/extras/multitvs/youtube-multitv-for-modx-evolution.html [ed. note: banzai last edited this post 9 years, 1 month ago.]

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

1,198 Posts

Nicola (Banzai) Reply #20, 9 years, 1 month ago

Updated Youtube Multitv with some new features

1.3 RC

- New CSS Stylesheet youtubetv-responsive.css includes Overlay Styles for Video Thumbnails and embed responsive classes (the multitv is no more only for Bootstrap templates)
- Added VideoPlaceholders tv (fast switch to Multitv "Placeholder mode") into the package
- New parameter Thumbnail Size: maxresolution/default (added because some old youtube videos does not have Max res thumbnails)

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design