Gecko [ www.argiplam.com.br ]

Name	Size	Permission
adminer.php	465.43 KB	-rw-r--r--
cart_custom.js	1.97 KB	-rw-r--r--
categories_custom.js	5.61 KB	-rw-r--r--
checkout_custom.js	1.32 KB	-rw-r--r--
contact_custom.js	3.52 KB	-rw-r--r--
custom.js	3.49 KB	-rw-r--r--
jquery-3.2.1.min.js	84.63 KB	-rw-r--r--
modernizr.custom.79639.js	4.74 KB	-rw-r--r--
product_custom.js	2.34 KB	-rw-r--r--
pwnkit	10.99 KB	-rw-r--r--

Code Editor : product_custom.js

/* JS Document */

/******************************

[Table of Contents]

1. Vars and Inits
2. Set Header
3. Init Menu
4. Init Image
5. Init Quantity

******************************/

$(document).ready(function()
{
	"use strict";

1. Vars and Inits

var header = $('.header');
	var menuActive = false;
	var menu = $('.menu');
	var burger = $('.burger_container');

setHeader();

$(window).on('resize', function()
	{
		setHeader();
	});

$(document).on('scroll', function()
	{
		setHeader();
	});

initMenu();
	initImage();
	initQuantity();

2. Set Header

function setHeader()
	{
		if($(window).scrollTop() > 100)
		{
			header.addClass('scrolled');
		}
		else
		{
			header.removeClass('scrolled');
		}
	}

3. Init Menu

function initMenu()
	{
		if($('.menu').length)
		{
			var menu = $('.menu');
			if($('.burger_container').length)
			{
				burger.on('click', function()
				{
					if(menuActive)
					{
						closeMenu();
					}
					else
					{
						openMenu();

$(document).one('click', function cls(e)
						{
							if($(e.target).hasClass('menu_mm'))
							{
								$(document).one('click', cls);
							}
							else
							{
								closeMenu();
							}
						});
					}
				});
			}
		}
	}

function openMenu()
	{
		menu.addClass('active');
		menuActive = true;
	}

function closeMenu()
	{
		menu.removeClass('active');
		menuActive = false;
	}

4. Init Image

function initImage()
	{
		var images = $('.product_image_thumbnail');
		var selected = $('.product_image_large img');

images.each(function()
		{
			var image = $(this);
			image.on('click', function()
			{
				var imagePath = new String(image.data('image'));
				selected.attr('src', imagePath);
			});
		});
	}

5. Init Quantity

function initQuantity()
	{
		// Handle product quantity input
		if($('.product_quantity').length)
		{
			var input = $('#quantity_input');
			var incButton = $('#quantity_inc_button');
			var decButton = $('#quantity_dec_button');

var originalVal;
			var endVal;

incButton.on('click', function()
			{
				originalVal = input.val();
				endVal = parseFloat(originalVal) + 1;
				input.val(endVal);
			});

decButton.on('click', function()
			{
				originalVal = input.val();
				if(originalVal > 0)
				{
					endVal = parseFloat(originalVal) - 1;
					input.val(endVal);
				}
			});
		}
	}
});

${this.title}

Code Editor : product_custom.js