Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

"Banners: Slideshow" addon Rate Topic   - - - - -

 
  • 2020
  • Senior Member
  • Members
  • Join Date: 11-Feb 07
  • 509 posts

Posted 20 October 2010 - 08:49 PM #1

This addon allows you to create a Banners block with a new "slideshow" appearance. The slideshow functionality was taken from this site: http://www.leigeber....ript-slideshow/ . Because CS-Cart doesn't generate thumbnails from Banner graphics, I've removed the thumbnail slider functionality.

Installation
Step 1. Download and extract the files to your site root.
Step 2. Open /addons/banners/schemas/block_manager/structure.post.php and replace
'addons/banners/blocks/original.tpl'

with
'addons/banners/blocks/original.tpl' => array (),
'addons/banners_slideshow/blocks/slideshow.tpl' => array ()

Step 3. Clear your site cache (necessary to make the new Appearance show)

Done. Now "Slideshow" is an option when creating a "Banners" block.

Notes:
-The slideshow scales to the largest banner graphic you've selected.
-Slide order is determined by order in which the banners are created.
-The slide text box title is the Banner Name.
-The slide text box text is the Banner Alternative text.
-The slide link is the Banner URL.

Caveats:
-You can only create 1 slideshow per page. Multiple slideshows conflict and break.
-Slide links currently do not suport "Open in a new window"
-Slide duration is determined by the settings found in /skins/yourskin/customer/addons/banners_slideshow/blocks/slideshow.tpl
-I have only tested this in CS-Cart 2.1.1, but it should work in 2.*

That's it!

Glen

Attached Files



 
  • jgaris
  • Member
  • Members
  • Join Date: 04-Oct 07
  • 55 posts

Posted 21 October 2010 - 02:21 PM #2

This is a great add-on. Thank you for providing it. I tried it on our site and noticed that it works well in most browsers except it looks messed up in Chrome and Safari.

This is a problem from the original slideshow script, not your CS-Cart mod.

I was able to fix the error and thought I would pass it along to others. The problem was that it was creating a huge left and right black border. I found the line that created it and commented it out.

Edit tinyslideshow.js line 103 and 104, change this
			this.i.style.borderLeft=l+'px solid '+this.letterbox;
			this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
to this
			//this.i.style.borderLeft=l+'px solid '+this.letterbox;
			//this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
You can see it here: http://dev21.contactlens.com

 
  • 2020
  • Senior Member
  • Members
  • Join Date: 11-Feb 07
  • 509 posts

Posted 21 October 2010 - 02:44 PM #3

jgaris,

Nice looking site! Your slideshow displays correctly for me in: WinXP + Chrome, MacOSX + Safari. Only bug I see: the left arrow is non-functioning. That is probably due to an incorrect z-index. I had to set the slideshow's z-indexs very low so that they wouldn't conflict with CS-Cart's menus.

Glen

 
  • whiplash13
  • PM Extraordinaire
  • Members
  • Join Date: 01-Feb 08
  • 704 posts

Posted 21 October 2010 - 03:17 PM #4

This is a great add-on. Thank you for providing it. I tried it on our site and noticed that it works well in most browsers except it looks messed up in Chrome and Safari.

This is a problem from the original slideshow script, not your CS-Cart mod.

I was able to fix the error and thought I would pass it along to others. The problem was that it was creating a huge left and right black border. I found the line that created it and commented it out.

Edit tinyslideshow.js line 103 and 104, change this

			this.i.style.borderLeft=l+'px solid '+this.letterbox;
			this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
to this
			//this.i.style.borderLeft=l+'px solid '+this.letterbox;
			//this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
You can see it here: http://dev21.contactlens.com


FYI on your site, in IE7 you can't see the search bar on the top as it gets cut off.
John
CS Cart 4.2.4

 
  • srm110
  • Member
  • Members
  • Join Date: 17-Apr 08
  • 32 posts

Posted 24 October 2010 - 02:35 PM #5

Cant seem to get it to work. I also needed to put the files in my skins/MYSKIN/customer/addons as they didnt seem to appear when I uploaded. They went into the var base ok.

I get the slideshow option in block and can select the banners but then they are just banners one on top of the other instead of the slideshow. Anyone have better luck or can explain the install better to me?

I do like it!

Scott
Cs Cart 2.1.1. www.secondascent.com
Hosted on securecarthost.com by far the best hosting we have used.

 
  • xiaohaizhi
  • Junior Member
  • Members
  • Join Date: 25-Oct 10
  • 3 posts

Posted 25 October 2010 - 10:50 AM #6

This is a great add-on. Thank you for providing it. I tried it on our site and noticed that it works well in most browsers except it looks messed up in Chrome and Safari.

This is a problem from the original slideshow script, not your CS-Cart mod.

I was able to fix the error and thought I would pass it along to others. The problem was that it was creating a huge left and right black border. I found the line that created it and commented it out.

Edit tinyslideshow.js line 103 and 104, change this

			this.i.style.borderLeft=l+'px solid '+this.letterbox;
			this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
to this
			//this.i.style.borderLeft=l+'px solid '+this.letterbox;
			//this.i.style.borderRight=(w-l)+'px solid '+this.letterbox
You can see it here: http://dev21.contactlens.com


Under my Chrome browser, the minicart on the top left will not popup when clicked.

 
  • rmsilver7
  • Junior Member
  • Members
  • Join Date: 30-Mar 10
  • 215 posts

Posted 20 November 2010 - 09:35 AM #7

You forgot to mention to that you need to activate this plugin in Administration > Addons > Banners: Slideshow.

You control the text by the first line of text by the "Name" field and the second line by the "Alternative text" fields in the Banner Manager.

I got this to work just fine, thanks!!
Riika Magnus
Silver-Logic Web & Print Services
http://www.silver-logic.com
(503) 213-3551

I offer Website Design, Management, Hosting and Graphic Design services. I'm located in Portland, OR and have been using CS-Cart since 2009 and doing Website design since 2003. I would love to hear about your next project!

 
  • rmsilver7
  • Junior Member
  • Members
  • Join Date: 30-Mar 10
  • 215 posts

Posted 20 November 2010 - 09:37 AM #8

Cant seem to get it to work. I also needed to put the files in my skins/MYSKIN/customer/addons as they didnt seem to appear when I uploaded. They went into the var base ok.

I get the slideshow option in block and can select the banners but then they are just banners one on top of the other instead of the slideshow. Anyone have better luck or can explain the install better to me?

I do like it!

Scott


You do not need to put the files in your specific skin folder, you just need to activate the addon in the Adminstration > Addons screen.
Riika Magnus
Silver-Logic Web & Print Services
http://www.silver-logic.com
(503) 213-3551

I offer Website Design, Management, Hosting and Graphic Design services. I'm located in Portland, OR and have been using CS-Cart since 2009 and doing Website design since 2003. I would love to hear about your next project!

 
  • tletourneau
  • Senior Member
  • Members
  • Join Date: 13-Apr 07
  • 179 posts

Posted 20 November 2010 - 09:13 PM #9

It works well, thanks for posting it!
Thanks,
Tom
Version - 3.0.4
Hosting - RangeHosting.us

 
  • creativeuser
  • Senior Member
  • Members
  • Join Date: 20-May 09
  • 150 posts

Posted 22 November 2010 - 03:31 PM #10

there are a bug with the link on slideshow banner on ie7, it seems not okay please test it with ietester if you don't have ie7

 
  • creativeuser
  • Senior Member
  • Members
  • Join Date: 20-May 09
  • 150 posts

Posted 22 November 2010 - 04:04 PM #11

to resolve the bug for link break off in ie 7:

add this

#imglink_fix {ldelim}width:100%; height:100%; background:url({$config.skin_path}/addons/banners_slideshow/images/fix.gif){rdelim}


put

<div id="imglink"><div id="imglink_fix"></div></div>


instead of

<div id="imglink"></div>


And add

<!–[if IE]>
<style type="text/css"> #imglink {ldelim}filter:alpha(opacity=0){rdelim}</style>
<![endif]–>



 
  • Ola
  • Junior Member
  • Members
  • Join Date: 06-Oct 08
  • 23 posts

Posted 02 December 2010 - 02:33 PM #12

Can't believe that I can't make it work - can it be because we are running 2.0.12?

 
  • 2020
  • Senior Member
  • Members
  • Join Date: 11-Feb 07
  • 509 posts

Posted 02 December 2010 - 03:01 PM #13

Can't believe that I can't make it work - can it be because we are running 2.0.12?


I haven't tested this in 2.0.12. Can you provide some symptoms?

 
  • preudomme
  • Junior Member
  • Members
  • Join Date: 03-Mar 09
  • 43 posts

Posted 03 December 2010 - 02:16 PM #14

Hi guys

Based on this code, I integrated Easy Slider (http://cssglobe.com/...n-jquery-slider) to have a Front page slider.

Now again it uses the banners in Cs-cart (which is very good so that you can track the clicks) but this one slides continuously and with auto numbered nav buttons (css styled). The next-prev buttons do not work at the moment (I dont use them at all)

Tested on CS-cart v2.1.2

Please post here if you find any bugs

Attached Files



 
  • AmitP
  • Senior Member
  • Members
  • Join Date: 08-Feb 10
  • 510 posts

Posted 03 December 2010 - 09:54 PM #15

scuse my utter ignorance but is there supposed to be a popup upon rollover of the image? I can't seem to get that bit to work.

Sorry
VPS 2.0GHz + 1GB RAM

 
  • dogannet
  • Junior Member
  • Members
  • Join Date: 19-Sep 06
  • 2 posts

Posted 05 December 2010 - 11:06 PM #16

Hi,

thanks for your effort banners: slideshow addon

i was installed and enabled admin panel but slideshow not working

Best Regards

 
  • jgaris
  • Member
  • Members
  • Join Date: 04-Oct 07
  • 55 posts

Posted 20 December 2010 - 09:51 PM #17

I created another variation of this add-on. This one creates an accordion effect, that works with graphic banners and html banners. So you can put any content in it. It is based on jquery plugin by Andrea Cima Serniotti which can be found here: http://www.madeincim...easy-accordion/

You can see a demo of it on our dev site here:
http://dev212.contactlens.com

Installation is the same as above.

[ATTACH]2244[/ATTACH]

Attached Files



 
  • cloddi
  • Member
  • Members
  • Join Date: 29-Jan 10
  • 33 posts

Posted 16 January 2011 - 08:58 AM #18

I'm trying on localhost preudomme version on cscart 2.0.2 and it's working well but I'm wondering if it's possible to have multiple language.

My cart have 3 languages so I want to show different language differen banner it's that possible?

Looking forward for a replay
Omatti Asian Handicraft and hill Tribe bag.

www.omatti.com

 
  • yorgos
  • Junior Member
  • Members
  • Join Date: 26-Oct 10
  • 5 posts

Posted 25 January 2011 - 09:04 PM #19

This addon allows you to create a Banners block with a new "slideshow" appearance. The slideshow functionality was taken from this site: http://www.leigeber....ript-slideshow/ . Because CS-Cart doesn't generate thumbnails from Banner graphics, I've removed the thumbnail slider functionality.

Installation
Step 1. Download and extract the files to your site root.
Step 2. Open /addons/banners/schemas/block_manager/structure.post.php and replace

'addons/banners/blocks/original.tpl'

with
'addons/banners/blocks/original.tpl' => array (),
'addons/banners_slideshow/blocks/slideshow.tpl' => array ()

Step 3. Clear your site cache (necessary to make the new Appearance show)

Done. Now "Slideshow" is an option when creating a "Banners" block.

Notes:
-The slideshow scales to the largest banner graphic you've selected.
-Slide order is determined by order in which the banners are created.
-The slide text box title is the Banner Name.
-The slide text box text is the Banner Alternative text.
-The slide link is the Banner URL.

Caveats:
-You can only create 1 slideshow per page. Multiple slideshows conflict and break.
-Slide links currently do not suport "Open in a new window"
-Slide duration is determined by the settings found in /skins/yourskin/customer/addons/banners_slideshow/blocks/slideshow.tpl
-I have only tested this in CS-Cart 2.1.1, but it should work in 2.*

That's it!

Glen

This is a great add-on thanks but the left arow don't work in mozila and chrome

 
  • tiagosa
  • Junior Member
  • Members
  • Join Date: 13-May 09
  • 13 posts

Posted 02 February 2011 - 08:41 PM #20

I've tried both sixnin9 and preudomme's solutions, but in both cases I got a Smarty error:

Fatal error: Call to undefined function smarty_modifier_fn_url() in /Applications/XAMPP/xamppfiles/htdocs/safhusa/var/compiled/customer/%%75^752^75235217%%slideshow.tpl.php on line 66

(this the error for the alternative version, but is pretty much the same error of the sixnin9's original version, except that it was on line 80)

I'm using 2.0.15

Anyone would help me?

Thank you