script/text from flashplayer showing up in product desctiption, category pages
I am using Zen V1.5.0. I put JW player in a folder in the root of my server, and it seems to be working great (except in Firefox, but I'll save that for another day).. When I put the player code in my product description html text, the player comes out exactly where I want it and looks great, and the product description text looks good.. EXCEPT...,,, on the category page, or if you do a search, the text from the code shows up instead of my product description (or at the beginning of my product description I should say). I don't want to move the code lower to hide it because the player is showing up exactly where I want it. I switched templates to default green, same thing.... Here is a link to my test product, which looks fine http://stageandtheaterlighting.com/i...products_id=65 , but when you go to the LED Lights > LED Special Effects category http://stageandtheaterlighting.com/i...ex&cPath=10_12 , that's where the text is goofy.
I don't know how to fix this. I tried moving the html tags aound, google, etc before posting. I would be thankful for any help, as usual....
Here is the entire code (minus some of the middle description fields) for the 'can can' product description as entered in my admin product description box.
<script type="text/javascript"src="/jwplayer/jwplayer.js"></script>
<div id="container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container").setup
({
autostart: true,
file: "/videos/can_can.mp4",
flashplayer: "/jwplayer/player.swf",
volume: 80,
height: 270,
width: 360
});
</script>
<html>
<body>
• Product Model: Can Can<br>
• <br>
• POWER:<br>
• 110V/60Hz<br>
• POWER CONSUMPTION:<br>
• 40W<br>
• LED COUNT:<br>
• 120 x 5mm LEDs (40 RED, 40 GREEN, 40 BLUE)<br>
• AVERAGE RATED LED LIFE:<br>
• 22 Lbs (Single Pack)
<p>• SHIPPING DIMENSIONS:<br>
• 39In x 17In x 17In (Single Pack)</p>
</body></html>
Re: script/text from flashplayer showing up in product desctiption, category pages
It's in the HTML I believe.. I thought I had it fixed and I posted my fix, but the script text just moved down a little. so I'm editing my post.. I'll post back after I fix it completely... sorry for the false alarm but Zen Cart wouldn't let me delete this post completely once I hit save the first time..
Re: script/text from flashplayer showing up in product desctiption, category pages
After trying various things, I don't believe that I can fix this by myself... :(
Re: script/text from flashplayer showing up in product desctiption, category pages
Well, let me ask this.. does the code for the player look normal?
<script type="text/javascript"src="/jwplayer/jwplayer.js"></script>
<div id="container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("container").setup
({
autostart: true,
file: "/videos/can_can.mp4",
flashplayer: "/jwplayer/player.swf",
volume: 80,
height: 270,
width: 360
});
</script>
Below is the text that is showing up, it's not the entire code. Is there something in the code that may be making the text show up in my category pages but not the product showbook page? Is there some kind of a tag or something that I can put in this code that will keep it from showing up in my "display product description", but allow the code to keep working?
Loading the player ...
jwplayer("container").setup
({ autostart: false, file: "/videos/can_can.mp4",
flashplayer: "/jwplayer/player.swf",
volume: 80,
height: 270,
width: 360 });
Any advice would be greatly appreciated.. Thanks!!:smile:
Re: script/text from flashplayer showing up in product desctiption, category pages
Could try making the DIV positioning of the video absolute instead of relative, putting the code to the bottom of the description, and then using margins to push the video back to the top of the page.
Re: script/text from flashplayer showing up in product desctiption, category pages
Thanks for the suggestion. I have been reading CSS positioning tips, tried moving thing around, and I just can't get it. I actually need two lines of text between the $price and the top of the video, with no spaces. I am at the point of diminishing returns with this issue, so I will have to quit trying to fix it for now. I will just limit the characters in my text description, and move the video down a little. When I DO get around to trying to fix this (so my video is exactly where I want it and I can display more product description characters), can you tell me something?... so that I don't potentially spend hours in the wrong direction,,, is this something that I should fix in the product description text, or is this something I should try to fix in the php code? In either scenario I'm sure that I will need council. haha... Thanks!!
Re: script/text from flashplayer showing up in product desctiption, category pages
Quote:
Originally Posted by
Johnnycopilot
Thanks for the suggestion. I have been reading CSS positioning tips, tried moving thing around, and I just can't get it. I actually need two lines of text between the $price and the top of the video, with no spaces. I am at the point of diminishing returns with this issue, so I will have to quit trying to fix it for now. I will just limit the characters in my text description, and move the video down a little. When I DO get around to trying to fix this (so my video is exactly where I want it and I can display more product description characters), can you tell me something?... so that I don't potentially spend hours in the wrong direction,,, is this something that I should fix in the product description text, or is this something I should try to fix in the php code? In either scenario I'm sure that I will need council. haha... Thanks!!
Can you do me a favour. On one of your products can you move the code under the description for me, and wrap the description in a div for me, so I can play around with it using CSS from my chrome browser. I already found how to move your player around with css to wherever I want it on your listing, I just need you to put your description in a div too so I can position that too.
Re: script/text from flashplayer showing up in product desctiption, category pages
You know there is a far easier way around this. Put your videos in a Youtube account and use their iframe embed code. The benefit of being on Youtube organic searches will find videos, and links to your website can be in your video description which all helps with SEO.
Also, iPhone/iPad users can watch them, whereas they can't see you JWplayer videos.
Re: script/text from flashplayer showing up in product desctiption, category pages
Wow thanks.. The YouTube hosting sounds great and I will do that, I really, REALLY like the SEO and phone benefits. Since I am already using my server, I want to finish figuring this out because it will be a useful tool for me in the future.. I have moved the player code to the bottom, but I'm not sure how to put <div> tag around the html..... and,, when I moved the player to the bottom, it squeezed ALL of my right columns (sideboxes) down to the bottom of the page, below the player.. below is the product description and a link to the product I have changed for you. If you can you tell me how to put the div tag around the text, I will do that tonight when I get in. Thanks!! ps.. because the Price is at the very top of the page, I need the red and blue text 'Add to Cart for SALE Price, Our price is too low to advertise!!!!' above the player, as close to the Retail Price as possible.. this product shows how I want it to look http://stageandtheaterlighting.com/i...products_id=60 . I tried to find a M.A.P. Pricing plug-in, but couldn't, so I am having to display the retail price. I am selling this item below the retail price, so I had to find a 'work-around' (using attributes) as per the manufacturer's rules.
Here is the product and description that I changed for you to look at, and that I need to know how to put <div> tags in...
http://stageandtheaterlighting.com/i...products_id=82
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style1 {
font-size: 20px;
color: #FF0000;
}
.style2 {color: #000099}
-->
</style>
</head>
<body>
<span class="style1">Add to Cart for SALE Price </span><br>
<span class="style2">Our price is too low to advertise!!!!</span>
<table cellspacing="0" cellpadding="0">
<tr>
<td class="right-side-info">•LED-DERBY </li>
<li>POWER: </li>
<li><img src="/images/nwl.jpg"> 120V/60Hz
</li>
<li>POWER CONSUMPTION: </li>
<li><img src="/images/nwl.jpg"> 23W
</li>
<li>LED COUNT: </li>
<li><img src="/images/nwl.jpg"> 4 LEDs (1 RED, 1 GREEN, 1 BLUE, 1 WHITE)
</li>
<li>LED RATED WATTAGE: </li>
<li><img src="/images/nwl.jpg"> 3W
</li>
<li>CONTROL: </li>
<li><img src="/images/nwl.jpg"> Plug and play sound active </li>
<li><img src="/images/nwl.jpg"> Built-in microphone </li>
<li><img src="/images/nwl.jpg"> Sound sensitivity control
</li>
<li>UNIT WEIGHT: </li>
<li><img src="/images/nwl.jpg"> 14.5 Lbs </li>
<li>UNIT DIMENSIONS: </li>
<li><img src="/images/nwl.jpg"> 18.5In x 17.5In x 11.25In </li>
<li>SHIPPING WEIGHT: </li>
<li><img src="/images/nwl.jpg"> 18 Lbs </li>
<li>SHIPPING DIMENSIONS: </li>
<li><img src="/images/nwl.jpg"> 20In x 19In x 14In </li>
</ul>
</body>
</html>
<script type="text/javascript"src="/jwplayer/jwplayer.js"></script>
<div id="container">Loading the
player ...</div>
<script type="text/javascript">
jwplayer("container").setup
({
autostart: false,
file: "/videos/derby.flv",
flashplayer: "/jwplayer/player.swf",
volume: 80,
height: 270,
width: 360
});
</script>