36 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
CreativeKingdom says
ThemeProvince said
Voodoo-pixel said
ThemeProvince said
Voodoo-pixel said
Thanks a lot! It’s very cool and it’s what I was looking for!

I have one question; I saw in few links, like Kriesi in portfolio when you link on his template in new window goes and show his theme switcher but without TH bar with Remove frame and Purchase this item?

Mine doesn’t work, view my portfolio.

How can I do that?

Thanks!
You havent changed the item url preview on themeforest.

The link is http://themes.voodoo-pixel.com/ or must be http://themes.voodoo-pixel.com/skate?

I try it both but the TF bar stay in position. Any ideas?

Thanks in advance!
Read all the steps in the initial post of this thread, there are extra steps included later on as well.

Thanks very much, finally…

I didn’t read all :)

Thanks!

2313 posts Bird is the word..
  • Located in United States
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Has been part of the Envato Community for over 6 years
+8 more
jonathan01 says

Just in the process of adding this to my previews after some little modifications to css and images and wanted to push out a big thanks for sharing your awesome coding skills – I appreciate it greatly!

Jonathan

194 posts Dreams Money Can Buy
  • Has sold $1M+ on Envato Market and is now a Power Elite Author
  • Power Elite Author: Sold more than $1M on Envato Market
  • Has referred 200+ members
  • Has collected 10+ items on Envato Market
+5 more
SwiftIdeas says

Would like to thank you for sharing this too – legend :)

742 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Located in United Kingdom
+7 more
josweb says

Hi, I was wondering how I can add a span class to this please? e.g: Name of theme on the left of the drop down menu, then on the right the span with the type of theme? Many thanks in advance!.

33 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
JPThemes1 says

Anyone know how to integrate a tooltip for each template?

3474 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Moderator says
jorgemartinez178 said
Anyone know how to integrate a tooltip for each template?

Just add a new span to each list item, position it absolutely, hide it by default and display it on hover :)

742 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Located in United Kingdom
+7 more
josweb says
josweb said
Hi, I was wondering how I can add a span class to this please? e.g: Name of theme on the left of the drop down menu, then on the right the span with the type of theme? Many thanks in advance!.

Still wondering how to do it? I keep getting a php error as I don’t know how and where to add the code correctly? Any help for little ‘ole me?

3474 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Moderator says
josweb said
josweb said
Hi, I was wondering how I can add a span class to this please? e.g: Name of theme on the left of the drop down menu, then on the right the span with the type of theme? Many thanks in advance!.
Still wondering how to do it? I keep getting a php error as I don’t know how and where to add the code correctly? Any help for little ‘ole me?

Hi Jo,

I just made up this gist from the custom code I’m using in my switcher. Note that I’m using a modified version of the original script, so it may require some adjustments, but this is the basic idea.

Essentially, in addition to the normal elements in the theme array, I’ve defined a preview image URL and a product type. These are then added in the loop, and styled appropriately. Note that I’ve got it set up so that you can use a relative path (in which case, preview images would be stored in a directory ‘product_previews’), or absolute paths.

https://gist.github.com/1500326

You can view my item demos to see the results.

Hope that helps! :)

Chris

33 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $5,000+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
JPThemes1 says
Thanks dude
sevenspark said
jorgemartinez178 said
Anyone know how to integrate a tooltip for each template?
Just add a new span to each list item, position it absolutely, hide it by default and display it on hover :)
742 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Located in United Kingdom
+7 more
josweb says
sevenspark said

Hi Jo,

I just made up this gist from the custom code I’m using in my switcher. Note that I’m using a modified version of the original script, so it may require some adjustments, but this is the basic idea.

Essentially, in addition to the normal elements in the theme array, I’ve defined a preview image URL and a product type. These are then added in the loop, and styled appropriately. Note that I’ve got it set up so that you can use a relative path (in which case, preview images would be stored in a directory ‘product_previews’), or absolute paths.

https://gist.github.com/1500326

You can view my item demos to see the results.

Hope that helps! :)

Chris

Thank you very much indeed! That will give me something to do over Christmas!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by