☰

ThemeForest full preview

This script will change the list pages from being less useful Icons into the bigger Preview Image. Along with a few keyboard shortcuts to further speed up browsing. (Based on a userscript by Stuart O'Brien)

// ==UserScript==
// @name		ThemeForest full preview
// @namespace	com.frzsombor.userscripts.themeforest
// @description	This script will change the list pages from being less useful Icons into the bigger Preview Image. Along with a few keyboard shortcuts to further speed up browsing. (Based on a userscript by Stuart O'Brien)
// @include		http://themeforest.net/*
// @include		http://*.themeforest.net/*
// @grant		unsafeWindow
// @version		1.1.1
// ==/UserScript==

// Temporary disabled
// @include		http://graphicriver.net/*
// @include		http://*.graphicriver.net/*
// @include		http://activeden.net/*
// @include		http://*.activeden.net/*
// @include		http://videohive.net/*
// @include		http://*.videohive.net/*
// @include		http://3docean.net/*
// @include		http://*.3docean.net/*
// @include		http://marketplace.tutplus.com/*
// @include		http://codecanyon.net/*
// @include		http://*.codecanyon.net/*
// @include		http://photodune.net/*
// @include		http://*.photodune.net/*

var $ = unsafeWindow.jQuery;

jQuery(document).ready(function($) {
	
	// --------------- Themeforest ---------------
	
	//Click to make sure layout grid is always selected
	$('#content').click();
	
	//Enable next and prev keynav
	//$(window).keypress(function(e){

	//	var next = $('.pagination__list .pagination__next');
	//	var prev = $('.pagination__list .pagination__previous');

	//	console.log(e.keyCode);

	//	//Next
	//	if(e.keyCode == 39 || e.keyCode == 0){
	//		next.click();
	//		return false;
	//	}
	//	//Prev
	//	if(e.keyCode == 37){
	//		prev.click();
	//	}
	//})
    
	document.onkeydown = function(event) {
		if (!event) event = window.event;
		var code = event.keyCode;
		if (event.charCode && code == 0) code = event.charCode;

		var next = $('.pagination__list .pagination__next');
		var prev = $('.pagination__list .pagination__previous');

		switch(code) {
			case 37:
				prev.click();
                event.preventDefault();
				break;
			case 39:
				next.click(); 
                event.preventDefault();
				break;
		}
	};
	
	function update_list(){
		
		//Change the image src to be the bif slab image
		$('.content-l ul.product-list li .item-thumbnail img').each(function(){
			$(this).attr('src', $(this).attr('data-preview-url'));
			$(this).attr('width', '330');
			$(this).removeAttr('height');
			$(this).css('max-width', 'initial');
		});
		
		//Change the image src to be the bif slab image
		$('.content-l ul.product-list li .product-list__adjacent-thumbnail').each(function(){
            var $newTitle = $(this).clone();
            $newTitle.css('float', 'none');
            $newTitle.css('width', '100%');
			$(this).closest('.product-list__columns-container').find('.product-list__column-category').prepend($newTitle);
            $(this).remove();
		});
		
		//Change the url of the link to go straight to the preview
		//$('.content-l ul li .item-thumbnail a').each(function(){
		//	
		//	var preview_url = $(this).attr('href');
		//	
		//	//remove all the querysting stuff
		//	preview_url = preview_url.split("?");
		//	preview_url = preview_url[0];
		//	//insert full_screen_preview into the string
		//	preview_url = preview_url.substring(0,preview_url.lastIndexOf("/")) + '/full_screen_preview/' + preview_url.substring(preview_url.lastIndexOf("/")+1, preview_url.length )  ;
		//	//console.log( preview_url );
		//	
		//	$(this).attr('href', preview_url)
		//})
		
		//Remove the reduntdant preview slab
		//$('#landscape-image-magnifier').remove();
					
		//Apply the css to change the styling of the block
		//$('.content-l ul li .item-thumbnail').css({
		//	'width':'auto',
		//	'height':'auto',
		//	'display':'block'
		//})
		//$('.content-l ul li').css({
		//	'width':'auto',
		//	'height':'auto',
		//	'float':'none'
		//})			
		//$('.content-l ul li h3 a').css({
		//	'width':'auto',
		//	'height':'auto',
		//	'float':'none'
		//})			
		//$('.content-l ul li .sale-info').css({
		//	'width':'auto',
		//	'height':'auto',
		//	'float':'none',
		//	'display':'block',
		//})			
		//$('.content-l ul li .item-thumbnail img').css({
		//	'width':'auto',
		//	'height':'auto',
		//	'float':'none',
		//	'box-shadow':'0 0 0 1px #DEDEDE, 0 2px 0 rgba(0, 0, 0, 0.02)',
		//	'border':'8px solid white'
		//})
		//$('.content-l ul').css({
		//	'padding-top':62
		//})
		
	}
	
	//execture funtion every time page is updated
	$(document).ajaxComplete(function() {
		update_list();
	});
	
	//once at startup
	update_list();
	
});