745 posts
  • Top Monthly Author
  • Weekly Top Seller
  • Elite Author
  • Author Level 8
+9 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!

3535 posts
  • Power Elite Author
  • Author Level 12
  • Trendsetter
  • United States
+13 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 :)

485 posts
  • Elite Author
  • Author Level 10
  • Weekly Top Seller
  • Top Monthly Author
+10 more
OrangeIdea
says

@sevenspark big thanks ;)

31 posts
  • Affiliate Level 2
  • Author Level 5
  • Collector Level 3
  • Exclusive Author
+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
  • 4 Years of Membership
  • 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
  • Weekly Top Seller
  • Elite Author
  • Exclusive Author
  • Featured Author
+11 more
ThemeProvince
says

What? :D

2468 posts
  • 6 Years of Membership
  • Author Level 2
  • Affiliate Level 4
  • Beta Tester
+3 more
digitalimpact
says
28 posts Stoyan
  • Elite Author
  • Author Level 8
  • Trendsetter
  • 4 Years of Membership
+6 more
OTWthemes
says

Hey thank you for sharing! Pretty cool thing :)

24 posts
  • 7 Years of Membership
  • Collector Level 4
  • United States
clickscience
says

Awesome work!

4 posts
  • 4 Years of Membership
  • Mongolia
kaspersky
says

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

oh. sorry. how to use it

by
by
by
by
by
by