batuhan-basoglu/Cool-Shopping-Site
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Uploaded the files.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2024-05-17 16:57:41 -04:00
commit 37661b3ee7
374 changed files with 90632 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

562
js/actions.js Normal file
View file

@ -0,0 +1,562 @@
$(document).ready(function(){
cat();
cathome();
brand();
product();
producthome();
reviewData();
//cat() is a funtion fetching category record from database whenever page is load
function cat(){
$.ajax({
url : "action.php",
method: "POST",
data : {category:1},
success : function(data){
$("#get_category").html(data);
}
})
}
function cathome(){
$.ajax({
url : "homeaction.php",
method: "POST",
data : {categoryhome:1},
success : function(data){
$("#get_category_home").html(data);
}
})
}
//brand() is a funtion fetching brand record from database whenever page is load
function brand(){
$.ajax({
url : "action.php",
method: "POST",
data : {brand:1},
success : function(data){
$("#get_brand").html(data);
}
})
}
//product() is a funtion fetching product record from database whenever page is load
function product(){
var cid = $("#get_product").attr("cid");
$.ajax({
url : "action.php",
method: "POST",
data : {getProduct:1,cat_id:cid},
success : function(data){
$("#get_product").html(data);
}
})
}
function launch_toast() {
var x = document.getElementById("toast")
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 5000);
}
function reviewData(){
var pid = $("#review_action").attr("pid");
$("#review_action").html("<h3>Loading...</h3>");
$(".overlay").show();
$.ajax({
url : "review_action.php",
method : "POST",
data : {review_action:1,proId:pid},
success : function(data){
console.log("reviewData");
$(".overlay").hide();
$("#review_action").html(data);
ratingReviews();
}
})
}
function ratingReviews(){
var pid = $("#review_action").attr("pid");
$(".overlay").show();
$.ajax({
url : "review_action.php",
method : "POST",
data : {rating_reviews:1,proId:pid},
success : function(data){
console.log("ratingReviews");
$(".overlay").hide();
$("#rating_reviews").html(data);
}
})
}
gethomeproduts();
function gethomeproduts(){
$.ajax({
url : "homeaction.php",
method: "POST",
data : {gethomeProduct:1},
success : function(data){
$("#get_home_product").html(data);
}
})
}
function producthome(){
$.ajax({
url : "homeaction.php",
method: "POST",
data : {getProducthome:1},
success : function(data){
$("#get_product_home").html(data);
}
})
}
/* when page is load successfully then there is a list of categories when user click on category we will get category id and
according to id we will show products
*/
$("body").delegate(".category","click",function(event){
event.preventDefault();
$("#get_product").html("<h3>Loading...</h3>");
var cid = $(this).attr('cid');
$.ajax({
url : "action.php",
method : "POST",
data : {get_seleted_Category:1,cat_id:cid},
success : function(data){
$("#get_product").html(data);
if($("body").width() < 480){
$("body").scrollTop(683);
}
}
})
})
/* when page is load successfully then there is a list of brands when user click on brand we will get brand id and
according to brand id we will show products
*/
$("body").delegate(".selectBrand","click",function(event){
event.preventDefault();
$("#get_product").html("<h3>Loading...</h3>");
var bid = $(this).attr('bid');
$.ajax({
url : "action.php",
method : "POST",
data : {selectBrand:1,brand_id:bid},
success : function(data){
$("#get_product").html(data);
if($("body").width() < 480){
$("body").scrollTop(683);
}
}
})
})
/*
At the top of page there is a search box with search button when user put name of product then we will take the user
given string and with the help of sql query we will match user given string to our database keywords column then matched product
we will show
*/
$("body").delegate("#search_btn","click",function(event){
$("#get_product").html("<h3>Loading...</h3>");
var keyword = $("#search").val();
if(keyword != ""){
$.ajax({
url : "action.php",
method : "POST",
data : {search:1,keyword:keyword},
success : function(data){
$("#get_product").html(data);
if($("body").width() < 480){
$("body").scrollTop(683);
}
}
})
}
})
//end
/*
Here #login is login form id and this form is available in index.php page
from here input data is sent to login.php page
if you get login_success string from login.php page means user is logged in successfully and window.location is
used to redirect user from home page to profile.php page
*/
$("#login").on("submit",function(event){
event.preventDefault();
$(".overlay").show();
$.ajax({
url : "login.php",
method: "POST",
data :$("#login").serialize(),
success :function(data){
if(data == "login_success"){
window.location.href = "index.php";
$("#desc").html("Logged in successfully");
launch_toast();
}else if(data == "cart_login"){
window.location.href = "cart.php";
$("#desc").html("Logged in successfully");
launch_toast();
}else{
$("#desc").html(data);
launch_toast();
$("#e_msg").html(data);
$(".overlay").hide();
}
}
})
})
//end
//Get User Information before checkout
$("#signup_form").on("submit",function(event){
event.preventDefault();
$(".overlay").show();
$.ajax({
url : "register.php",
method : "POST",
data : $("#signup_form").serialize(),
success : function(data){
$(".overlay").hide();
if (data == "register_success") {
window.location.href = "cart.php";
$("#desc").html("Registered successfully");
launch_toast();
}else{
$("#signup_msg").html(data);
}
}
})
})
$("#review_form").on("submit",function(event){
event.preventDefault();
$(".overlay").show();
$.ajax({
url : "review.php",
method : "POST",
data : $("#review_form").serialize(),
success : function(data){
$(".overlay").hide();
$("#review_msg").html(data);
$('#review_form')[0].reset();
reviewData();
$("#desc").html("review added successfully");
launch_toast();
}
})
})
$("#offer_form").on("submit",function(event){
event.preventDefault();
$(".overlay").show();
$.ajax({
url : "offersmail.php",
method : "POST",
data : $("#offer_form").serialize(),
success : function(data){
$("#desc").html(data);
launch_toast();
$(".overlay").hide();
}
})
})
//Get User Information before checkout end here
//Add Product into Cart
$("body").delegate("#product","click",function(event){
var pid = $(this).attr("pid");
event.preventDefault();
$(".overlay").show();
$.ajax({
url : "action.php",
method : "POST",
data : {addToCart:1,proId:pid},
success : function(data){
$("#desc").html("Added to Cart");
launch_toast();
count_item();
count_wishlist_item();
getCartItem();
WishlistDetails();
$('#product_msg').html(data);
$('.overlay').hide();
}
})
})
$("body").delegate("#wishlist","click",function(event){
var pid = $(this).attr("pid");
event.preventDefault();
$(".overlay").show();
$.ajax({
url : "action.php",
method : "POST",
data : {addToWishlist:1,proId:pid},
success : function(data){
$("#desc").html("Added to WishList");
launch_toast();
count_wishlist_item();
count_item();
checkOutDetails();
$('#product_msg').html(data);
$('.overlay').hide();
}
})
})
//Add Product into Cart End Here
//Count user cart items funtion
count_item();
function count_item(){
$.ajax({
url : "action.php",
method : "POST",
data : {count_item:1},
success : function(data){
$(".badge").html(data);
}
})
}
count_wishlist_item();
function count_wishlist_item(){
$.ajax({
url : "action.php",
method : "POST",
data : {count_Wishlist_item:1},
success : function(data){
$("#wishlist-badge").html(data);
}
})
}
//Count user cart items funtion end
//Fetch Cart item from Database to dropdown menu
getCartItem();
function getCartItem(){
$.ajax({
url : "action.php",
method : "POST",
data : {Common:1,getCartItem:1},
success : function(data){
$("#cart_product").html(data);
net_total();
}
})
}
//Fetch Cart item from Database to dropdown menu
/*
Whenever user change qty we will immediate update their total amount by using keyup funtion
but whenever user put something(such as ?''"",.()''etc) other than number then we will make qty=1
if user put qty 0 or less than 0 then we will again make it 1 qty=1
('.total').each() this is loop funtion repeat for class .total and in every repetation we will perform sum operation of class .total value
and then show the result into class .net_total
*/
$("body").delegate(".qty","keyup",function(event){
event.preventDefault();
var row = $(this).parent().parent();
var price = row.find('.price').val();
var qty = row.find('.qty').val();
if (isNaN(qty)) {
qty = 1;
};
if (qty < 1) {
qty = 1;
};
var total = price * qty;
row.find('.total').val(total);
var net_total=0;
$('.total').each(function(){
net_total += ($(this).val()-0);
})
$('.net_total').html("Total : Rs " +net_total);
})
//Change Quantity end here
/*
whenever user click on .remove class we will take product id of that row
and send it to action.php to perform product removal operation
*/
$("body").delegate(".remove","click",function(event){
var remove = $(this).parent().parent().parent();
var remove_id = remove.find(".remove").attr("remove_id");
$.ajax({
url : "action.php",
method : "POST",
data : {removeItemFromCart:1,rid:remove_id},
success : function(data){
$("#desc").html("Removed From Cart");
launch_toast();
$("#cart_msg").html(data);
checkOutDetails();
count_item();
}
})
})
$("body").delegate(".wishlist-remove","click",function(event){
var remove = $(this).parent().parent().parent();
var remove_id = remove.find(".wishlist-remove").attr("remove_id");
$.ajax({
url : "action.php",
method : "POST",
data : {removeItemFromwishList:1,rid:remove_id},
success : function(data){
$("#desc").html("Removed From WishList");
launch_toast();
$("#cart_msg").html(data);
WishlistDetails();
}
})
})
/*
whenever user click on .update class we will take product id of that row
and send it to action.php to perform product qty updation operation
*/
$("body").delegate(".update","click",function(event){
var update = $(this).parent().parent().parent();
var update_id = update.find(".update").attr("update_id");
var qty = update.find(".qty").val();
$.ajax({
url : "action.php",
method : "POST",
data : {updateCartItem:1,update_id:update_id,qty:qty},
success : function(data){
$("#desc").html("Cart Updated");
launch_toast();
$("#cart_msg").html(data);
checkOutDetails();
}
})
})
checkOutDetails();
WishlistDetails();
net_total();
/*
checkOutDetails() function work for two purposes
First it will enable php isset($_POST["Common"]) in action.php page and inside that
there is two isset funtion which is isset($_POST["getCartItem"]) and another one is isset($_POST["checkOutDetials"])
getCartItem is used to show the cart item into dropdown menu
checkOutDetails is used to show cart item into Cart.php page
*/
function checkOutDetails(){
$('.overlay').show();
$.ajax({
url : "action.php",
method : "POST",
data : {Common:1,checkOutDetails:1},
success : function(data){
$('.overlay').hide();
$("#cart_checkout").html(data);
net_total();
}
})
}
function WishlistDetails(){
$('.overlay').show();
$.ajax({
url : "action.php",
method : "POST",
data : {wishListCommon:1, wishlistDetails:1},
success : function(data){
$('.overlay').hide();
$("#wishlist_data").html(data);
net_total();
}
})
}
/*
net_total function is used to calcuate total amount of cart item
*/
function net_total(){
var net_total = 0;
$('.qty').each(function(){
var row = $(this).parent().parent();
var price = row.find('.price').val();
var total = price * $(this).val()-0;
row.find('.total').val(total);
})
$('.total').each(function(){
net_total += ($(this).val()-0);
})
$('.net_total').html("Total : Rs " +net_total);
}
//remove product from cart
page();
function page(){
var cat_id = $('#pageno').attr("cid");
$.ajax({
url : "action.php",
method : "POST",
data : {page:1,cid:cat_id},
success : function(data){
$("#pageno").html(data);
}
})
}
$("body").delegate("#page","click",function(){
var pn = $(this).attr("page");
var cat_id = $(this).attr("cid");
$.ajax({
url : "action.php",
method : "POST",
data : {getProduct:1,setPage:1,pageNumber:pn,cid:cat_id},
success : function(data){
$("#get_product").html(data);
}
})
})
})

7
js/bootstrap.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

4
js/jquery.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
js/jquery.payform.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

9
js/login_reg.js Normal file
View file

@ -0,0 +1,9 @@
(function($){"use strict";$('.input100').each(function(){$(this).on('blur',function(){if($(this).val().trim()!=""){$(this).addClass('has-val');}
else{$(this).removeClass('has-val');}})})
$('.validate-input .input100').each(function(){$(this).on('blur',function(){if(validate(this)==false){showValidate(this);}
else{$(this).parent().addClass('true-validate');}})})
var input=$('.validate-input .input100');$('.validate-form').on('submit',function(){var check=true;for(var i=0;i<input.length;i++){if(validate(input[i])==false){showValidate(input[i]);check=false;}}
return check;});$('.validate-form .input100').each(function(){$(this).focus(function(){hideValidate(this);$(this).parent().removeClass('true-validate');});});function validate(input){if($(input).attr('type')=='email'||$(input).attr('name')=='email'){if($(input).val().trim().match(/^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{1,5}|[0-9]{1,3})(\]?)$/)==null){return false;}}
else{if($(input).val().trim()==''){return false;}}}
function showValidate(input){var thisAlert=$(input).parent();$(thisAlert).addClass('alert-validate');}
function hideValidate(input){var thisAlert=$(input).parent();$(thisAlert).removeClass('alert-validate');}})(jQuery);

174
js/main.js Normal file
View file

@ -0,0 +1,174 @@
(function($) {
"use strict"
// Mobile Nav toggle
$('.menu-toggle > a').on('click', function (e) {
e.preventDefault();
$('#responsive-nav').toggleClass('active');
})
// Fix cart dropdown from closing
$('.cart-dropdown').on('click', function (e) {
e.stopPropagation();
});
/////////////////////////////////////////
// Products Slick
$('.products-slick').each(function() {
var $this = $(this),
$nav = $this.attr('data-nav');
$this.slick({
slidesToShow: 4,
slidesToScroll: 1,
autoplay: true,
infinite: true,
speed: 300,
dots: false,
arrows: true,
appendArrows: $nav ? $nav : false,
responsive: [{
breakpoint: 991,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
]
});
});
// Products Widget Slick
$('.products-widget-slick').each(function() {
var $this = $(this),
$nav = $this.attr('data-nav');
$this.slick({
infinite: true,
autoplay: true,
speed: 300,
dots: false,
arrows: true,
appendArrows: $nav ? $nav : false,
});
});
/////////////////////////////////////////
// Product Main img Slick
$('#product-main-img').slick({
infinite: true,
speed: 300,
dots: false,
arrows: true,
fade: true,
asNavFor: '#product-imgs',
});
// Product imgs Slick
$('#product-imgs').slick({
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
centerMode: true,
focusOnSelect: true,
centerPadding: 0,
vertical: true,
asNavFor: '#product-main-img',
responsive: [{
breakpoint: 991,
settings: {
vertical: false,
arrows: false,
dots: true,
}
},
]
});
// Product img zoom
var zoomMainProduct = document.getElementById('product-main-img');
if (zoomMainProduct) {
$('#product-main-img .product-preview').zoom();
}
/////////////////////////////////////////
// Input number
$('.input-number').each(function() {
var $this = $(this),
$input = $this.find('input[type="number"]'),
up = $this.find('.qty-up'),
down = $this.find('.qty-down');
down.on('click', function () {
var value = parseInt($input.val()) - 1;
value = value < 1 ? 1 : value;
$input.val(value);
$input.change();
updatePriceSlider($this , value)
})
up.on('click', function () {
var value = parseInt($input.val()) + 1;
$input.val(value);
$input.change();
updatePriceSlider($this , value)
})
});
var priceInputMax = document.getElementById('price-max'),
priceInputMin = document.getElementById('price-min');
priceInputMax.addEventListener('change', function(){
updatePriceSlider($(this).parent() , this.value)
});
priceInputMin.addEventListener('change', function(){
updatePriceSlider($(this).parent() , this.value)
});
function updatePriceSlider(elem , value) {
if ( elem.hasClass('price-min') ) {
console.log('min')
priceSlider.noUiSlider.set([value, null]);
} else if ( elem.hasClass('price-max')) {
console.log('max')
priceSlider.noUiSlider.set([null, value]);
}
}
// Price Slider
var priceSlider = document.getElementById('price-slider');
if (priceSlider) {
noUiSlider.create(priceSlider, {
start: [1, 999],
connect: true,
step: 1,
range: {
'min': 1,
'max': 999
}
});
priceSlider.noUiSlider.on('update', function( values, handle ) {
var value = values[handle];
handle ? priceInputMax.value = value : priceInputMin.value = value
});
}
})(jQuery);

3
js/nouislider.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

62
js/script.js Normal file
View file

@ -0,0 +1,62 @@
$(function() {
var owner = $('#owner');
var cardNumber = $('#cardNumber');
var cardNumberField = $('#card-number-field');
var CVV = $("#cvv");
var mastercard = $("#mastercard");
var confirmButton = $('#confirm-purchase');
var visa = $("#visa");
var amex = $("#amex");
// Use the payform library to format and validate
// the payment fields.
cardNumber.payform('formatCardNumber');
CVV.payform('formatCardCVC');
cardNumber.keyup(function() {
amex.removeClass('transparent');
visa.removeClass('transparent');
mastercard.removeClass('transparent');
if ($.payform.validateCardNumber(cardNumber.val()) == false) {
cardNumberField.addClass('has-error');
} else {
cardNumberField.removeClass('has-error');
cardNumberField.addClass('has-success');
}
if ($.payform.parseCardType(cardNumber.val()) == 'visa') {
mastercard.addClass('transparent');
amex.addClass('transparent');
} else if ($.payform.parseCardType(cardNumber.val()) == 'amex') {
mastercard.addClass('transparent');
visa.addClass('transparent');
} else if ($.payform.parseCardType(cardNumber.val()) == 'mastercard') {
amex.addClass('transparent');
visa.addClass('transparent');
}
});
confirmButton.click(function(e) {
e.preventDefault();
var isCardValid = $.payform.validateCardNumber(cardNumber.val());
var isCvvValid = $.payform.validateCardCVC(CVV.val());
if(owner.val().length < 5){
alert("Wrong owner name");
} else if (!isCardValid) {
alert("Wrong card number");
} else if (!isCvvValid) {
alert("Wrong CVV");
} else {
// Everything is correct. Add your form submission code here.
alert("Everything is correct");
}
});
});

1
js/slick.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
js/sweetalert.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long