725 posts
  • Elite Author
  • United Kingdom
  • Sold between 100 000 and 250 000 dollars
  • Author had a File in an Envato Bundle
  • Most Wanted Bounty Winner
  • Exclusive Author
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Referred between 200 and 499 users
+2 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!

3418 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Community Moderator
  • Bought between 100 and 499 items
  • Referred more than 2000 users
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
+4 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 :)

363 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Bought between 50 and 99 items
  • Referred between 200 and 499 users
  • Author had a Free File of the Month
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Has been a member for 3-4 years
+2 more
OrangeIdea says

@sevenspark big thanks ;)

26 posts
  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 10 and 49 users
  • Bought between 50 and 99 items
  • Sold between 10 000 and 50 000 dollars
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 a member for 2-3 years
  • 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 .

2566 posts Put a Donk On It
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • United Kingdom
  • Exclusive Author
  • Attended a Community Meetup
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Referred between 100 and 199 users
+5 more
ThemeProvince says

What? :D

2440 posts
  • Has been a member for 5-6 years
  • Exclusive Author
  • Europe
  • Bought between 10 and 49 items
  • Referred between 100 and 199 users
  • Sold between 100 and 1 000 dollars
  • Envato Studio (Microlancer) Beta Tester
digitalimpact says
27 posts Stoyan
  • Elite Author
  • Has been a member for 3-4 years
  • Sold between 50 000 and 100 000 dollars
  • Bought between 10 and 49 items
  • Referred between 200 and 499 users
  • Exclusive Author
OTWthemes says

Hey thank you for sharing! Pretty cool thing :)

24 posts
  • Has been a member for 5-6 years
  • Bought between 100 and 499 items
  • United States
nashh says

Awesome work!

4 posts
  • Has been a member for 2-3 years
  • Mongolia
kaspersky says

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

oh. sorry. how to use it

by
by
by
by
by
by