741 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • 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

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

3435 posts
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $500,000+ on Envato Market
  • Located in United States
  • Helps us moderate the forums
+10 more
sevenspark Volunteer 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 :)

365 posts
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+7 more
OrangeIdea says

@sevenspark big thanks ;)

27 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 2 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 .

2579 posts Put a Donk On It
  • Has referred 200+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+10 more
ThemeProvince says

What? :D

2445 posts
  • Has referred 100+ members
  • Has sold $100+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
digitalimpact says
28 posts Stoyan
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has been part of the Envato Community for over 3 years
  • Made it to the Authors' Hall of Fame
+4 more
OTWthemes says

Hey thank you for sharing! Pretty cool thing :)

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

Awesome work!

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

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

oh. sorry. how to use it

by
by
by
by
by
by