745 posts
  • Became a Top 20 Author of the Month
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Sells items exclusively on Envato Market
+8 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

Sorry me again! How do you style the type : ‘type’=> “Responsive HTML5 ”? That’s the bit I’m stuck on!

3532 posts
  • Became a Top 20 Author of the Month
  • Had an item that was trending
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $750,000+ on Envato Market
+12 more
sevenspark
Moderator
says
josweb said
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
Sorry me again! How do you style the type : ‘type’=> “Responsive HTML5 ”? That’s the bit I’m stuck on!

I edited the gist to add the product type style. It’s just positioned absolutely positioned to the right and given a background :)

458 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Became a Top 20 Author of the Month
  • Has sold $250,000+ on Envato Market
  • Had an item featured on Envato Market
+9 more
OrangeIdea
says

@sevenspark big thanks ;)

31 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
SokoThemes
says

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
Thanks a million, you made this item switcher complete.
4 posts
  • Has been part of the Envato Community for over 3 years
  • Located in Mongolia
kaspersky
says

Hi there, Today I created a file switcher that might be of use the envato community. Basically it removes the preview frame automatically. Then replaces it with a custom item switcher.

Demo

For a demo view one of my items (i cant post links here sorry).

Download

Here is the source code: http://labs.burntfeathers.com/themeselector/themeselector.zip

Installation (Very Easy)

1. Firstly unzip and place the folder on your server. Place it in a directory like this: http://themes.yoursite.com/ – Though make sure its a new directory with nothing else in so you can use the root of the folder as the url.

2. Open index.php and you will see a php array called $theme_array. You dont have to know php. For every item you create a new array like below:


$theme_array = array (

array ("id" => "adventure",
       "url" => "http://labs.burntfeathers.com/adventure",
       "themeforest" => "http://themeforest.net/item/adventure-a-unique-photography-wordpress-theme/155571" 
      ),
array ("id" => "attique",
       "url" => "http://labs.burntfeathers.com/attique",
       "themeforest" => "http://themeforest.net/item/attique-a-stylish-multi-purpose-wordpress-theme/168724" 
      )

);

3. In your item settings (Click Edit on your item page) set the preview url to this:

http://themes.yoursite.com/redirect.php?theme=yourthemename

So if you defined the theme in the php array $themearray as “adventure” then replace yourthemename above with adventure.

4. Thats it, easy peasy :D

Attribution

One more thing this is open source so you can change the logo, marry it or whatever. No attribution required.

Hope you find this useful.

;)

hi . very nice. how to download a last version. it isnt have previe image. HELP me .

2627 posts Put a Donk On It
  • Elite Author: Sold more than $75,000 on Envato Market
  • Sells items exclusively on Envato Market
  • Made it to the Authors' Hall of Fame
  • Has sold $250,000+ on Envato Market
+10 more
ThemeProvince
says

What? :D

2468 posts
  • Has been part of the Envato Community for over 6 years
  • Has sold $100+ on Envato Market
  • Has referred 100+ members
  • Has been a beta tester for an Envato feature
+3 more
digitalimpact
says
28 posts Stoyan
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Had an item that was trending
  • Has been part of the Envato Community for over 4 years
+5 more
OTWthemes
says

Hey thank you for sharing! Pretty cool thing :)

24 posts
  • Has been part of the Envato Community for over 6 years
  • Has collected 100+ items on Envato Market
  • Located in United States
clickscience
says

Awesome work!

4 posts
  • Has been part of the Envato Community for over 3 years
  • Located in Mongolia
kaspersky
says

@kaspersky: https://gist.github.com/1500326

oh. sorry. how to use it

by
by
by
by
by
by