I'm using Laravel Swiper in Product Page for Product Images. I have two columns for images in database. One is for single image and the other one is for multiple images. I want to slide these images into the swiper.
My view:
<head>
<link href="{{asset('/css/swiper.min.css')}}" rel="stylesheet" type="text/css" />
</head>
<div class="col-sm-6 col-lg-5 product-image-details">
<input type="hidden" id="check-use-zoom" value="1" />
<input type="hidden" id="light-box-position" value="1" />
<input type="hidden" id="product-identify" value="404" />
<div class="lightbox-container"></div>
<div class="product-zoom-image">
<a href="{{ asset('storage/'.$product->image) }}" class="cloud-zoom main-image" id="product-cloud-zoom" style="width: 600px; height: 660px;" rel=" showTitle: false, zoomWidth:600,zoomHeight:660, position:'inside', adjustX: 0 ">
<img src="{{ asset('storage/'.$product->image) }}" title="First" alt="First" />
</a>
</div>
#if ($product->images)
<div class="additional-container">
<div class="swiper-viewport">
<div class="additional-images swiper-container">
<div class="swiper-wrapper">
<?php $i = 1; ?>
#foreach (json_decode($product->images, true) as $image)
<div class="item swiper-slide">
<a class="cloud-zoom-gallery sub-image" id="product-image-options-" href="{{ asset('storage/'.$product->image) }}" title="{{$product->name}}" rel="useZoom: 'product-cloud-zoom', smallImage: '{{ asset('storage/'.$product->image) }}'" data-pos="{{$i}}">
<img src="{{ asset('storage/'.$image)}}" title="Multi" alt="Multi" />{{$i}}
</a>
</div>
<?php $i++; ?>
#endforeach
</div>
</div>
<div class="swiper-pager">
<div class="swiper-button-next additional-button-next"></div>
<div class="swiper-button-prev additional-button-prev"></div>
</div>
</div>
</div>
#endif
</div>
<script src="{{asset('/js/jquery-2.1.1.min.js')}}"></script>
<script src="{{asset('/js/swiper.jquery.js')}}"></script>
I'm not getting any results.
Related
I am trying to create a slideshow of the data that is pulled from a wordpress site using glide js and a for each loop.
This is what I tried:
<main id="primary" class="site-main">
<div class="home-card-wrapper glide">
<div class="glide__track" data-glide-el="track">
<div class="glide__slides">
<?php foreach($home_slider as $slide) : ?>
<div class="glide__slide">
<div class="home-card">
<div class="home-card-header" style="background-image: url('<?php echo get_the_post_thumbnail_url($slide->page_link) ?>');">
<p><?php echo $slide->heading; ?></p>
</div>
<div class="home-card-content">
<p><?php echo $slide->subheading?></p>
<p><?php echo $slide->description?></p>
<div class="lpd-button">
<img src="/wp-content/uploads/2023/01/Blk-with-white-arrow_34.5px-min.svg" alt="LPD Arrow">
Learn More
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<div class="glide__arrows" data-glide-el="controls">
<button class="glide__arrow glide__arrow--left" data-glide-dir="<">previous</button>
<button class="glide__arrow glide__arrow--right" data-glide-dir=">">next</button>
</div>
</div>
</div>
<!-- Required Core Stylesheet -->
<link rel="stylesheet" href="node_modules/#glidejs/glide/dist/css/glide.core.min.css">
<!-- Optional Theme Stylesheet -->
<link rel="stylesheet" href="node_modules/#glidejs/glide/dist/css/glide.theme.min.css">
<script src="https://cdn.jsdelivr.net/npm/#glidejs/glide">
</script>
<script>
new Glide('.glide', {}).mount()
</script>
</main>
And I am getting both "home cards" on one slide. I want them to be separated onto different slides.
Any help?
I'm trying to use a set of inputs in HTML but I would like to create a PHP onclick function that takes the value of certain elements in HTML when clicked. The problem is I don't think I can use a conventional HTML method="post" form because I'm trying to get the value of something which isn't and I'm trying to get the value of a div.
Specifically, I want to assign a value to each of the squares depending on their color and then use that value to store in a database in PHP. Any help is appreciated.
<?php
session_start();
include("database.php");
if($_SERVER['REQUEST_METHOD'] == "POST")
{
$text_custom = $_POST['text_custom'];
echo $text_custom;
}
?>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="bootstrap customiser.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="containter">
<div class="row">
<div class="col-3 offset-1 d-flex justify-content-end" id="logo">
<a href="http://localhost/website/test_1_customiser.php"><img id="logoclick" src="smiding logo.png"
alt="logo"></a>
</div>
<div class="col-7 offset-1" id="navbar">
Customiser
News
About us
<?php
if (!empty($_SESSION['logged'])){
echo 'Account';
}else{
echo 'Account';
}
?>
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-md-12 text-center">
<h1>Customiser</h1>
</div>
</div>
<div class="row">
<div class="col-md-4 offset-md-1">
<img src="label.png" id="Gin_Label">
</div>
<div id="labeltext">
text
</div>
<div class="col-md-4 offset-md-2">
<div id="textchanger">
<h3>Text Picker</h3>
<input type="text" id="textpicker" name="text_custom">
<input type="button" id="update" value="Click me!" onclick="changetext()">
</div>
<div id="colourchanger" class="row"></div>
<h3>Colour Picker</h3>
<div class="row">
<div class="col-md-1">
<div class="square" id="colourpicker" onClick="invert()"></div>
</div>
<div class="col-md-1 offset-md-1">
<div class="square2" id="colourpicker2" onClick="invert2()"></div>
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-7">
<h3>Extra Ingredient</h3>
<select name="ingredient">
<option value="none">None</option>
<option value="lemon">Lemon</option>
<option value="orange">Orange</option>
</select>
</div>
</div>
<br>
<div class="row">
<div class="col-5">
<form method="post">
<button type="submit">Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function changetext() {
let bruh = document.getElementById('textpicker').value;
document.getElementById('labeltext').innerHTML = bruh;
}
function invert() {
document.getElementById("Gin_Label").style.filter = "invert(100%)";
document.getElementById("labeltext").style.color = "white";
}
function invert2() {
document.getElementById("Gin_Label").style.filter = "invert(0%)";
document.getElementById("labeltext").style.color = "black";
}
</script>
</body>
</html>
although I am not very clear about your question
but to use HTML value in PHP
you need to put all the HTML tag that consists of the value you wish to save to the database inside a
<form action="yourPhpNameWithTheRelatedCode" method="POST"> tag
the submit button <button type="submit" name="submit">Submit</button>
then in PHP
if (isset($_POST["submit"])){
$value= $_POST["theNameOfTheTagThatYouWishToSaveThatValue"]??"";
}
i tried to add owl carousel in laravel project but when i add it to foreach the image is not showing. if the image is static it can appear. screenshoot
This my code
<div class="owl-carousel owl-theme">
#php
$incrementCategory = 0
#endphp
#forelse ( $categories as $category )
<div
class="col-6 col-md-3 col-lg-2"
data-aos="fade-up"
data-aos-delay="{{ $incrementCategory += 100 }}"
>
<a href="{{ route('categories-detail', $category->slug) }}"
class="component-categories d-block">
<div class="categories-image">
<img
src="{{ Storage::url($category->photo) }}"
alt=""
class="w-100"
/>
</div>
<p class="categories-text">{{ $category->name }}</p>
</a>
</div>
#empty
<div class="col-12 text-center py-5"
data-aos="fade-up"
data-aos-delay="100">
Category not found
</div>
#endforelse
</div>
This my Script
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.green.min.css"/>
This Javascript
<script> $(document).ready(function($){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:false,
autoWidth:false,
responsive:{0:{items:1},600:{items:3},1000:{items:5}}
})
})
</script>
This my controller for store
public function store(CategoryRequest $request)
{
$data= $request->all();
$data['slug'] = Str::slug($request->name);
$data['photo'] = $request->file('photo')->store('assets/category','public');
Category::create($data);
return redirect()->route('category.index');
}
Thanks for help
I have tried editing the default register form in Laravel Spark to accommodate for a new design I have implemented. However, I am having some issues with the register page, where 'v-if' is not working and all page components are showing, like so:
Image: https://i.gyazo.com/2b00ac14ec441649c9951ba3e216ed0e.png (not allowed to post images directly).
Here is my code for the layout blade (resources/views/vendor/spark/layouts/guest.blade.php):
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Information -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Page Title -->
<title>#yield('title', config('app.name'))</title>
<!-- Material Design Icons -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Roboto Web Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en" rel="stylesheet">
<!-- MDK -->
<link type="text/css" href="{{ asset('vendor/material-design-kit.css') }}" rel="stylesheet">
<!-- Sidebar Collapse -->
<link type="text/css" href="{{ asset('vendor/sidebar-collapse.min.css') }}" rel="stylesheet">
<!-- App CSS -->
<link type="text/css" href="{{ asset('css/style.min.css') }}" rel="stylesheet">
<!-- Sweetalert CSS -->
<link href="/css/sweetalert.css" rel="stylesheet">
<!-- Extra Page Scripts -->
#yield('scripts', '')
<!-- Global Spark Object -->
<script>
window.Spark = <?php echo json_encode(array_merge(
Spark::scriptVariables(), []
)); ?>;
</script>
</head>
<body class="#yield('body-class')">
<div id="spark-app" v-cloak>
<div class="row">
<!-- Main Page Content -->
#yield('content')
</div>
</div>
<!-- jQuery -->
<script src="{{ asset('vendor/jquery.min.js') }}"></script>
<!-- Bootstrap -->
<script src="{{ asset('vendor/tether.min.js') }}"></script>
<script src="{{ asset('vendor/bootstrap.min.js') }}"></script>
<!-- MDK -->
<script src="{{ asset('vendor/dom-factory.js') }}"></script>
<script src="{{ asset('vendor/material-design-kit.js') }}"></script>
<!-- Sidebar Collapse -->
<script src="{{ asset('vendor/sidebar-collapse.js') }}"></script>
<!-- App JS -->
<script src="{{ asset('js/main.min.js') }}"></script>
<!-- Spark JS -->
<script src="{{ mix('js/app.js') }}"></script>
<script src="/js/sweetalert.min.js"></script>
</body>
</html>
And here is the code for the register page itself's Blade (resources/views/vendor/spark/auth/register-spark.blade.php):
#extends('spark::layouts.guest')
#section('title', 'Register')
#section('body-class', 'register')
#section('scripts')
<script src="https://js.stripe.com/v2/"></script>
#endsection
#section('content')
<div class="row">
<spark-register-stripe inline-template>
<div class="col-sm-8 push-sm-1 col-md-4 push-md-3 col-lg-4 push-lg-4">
<div class="text-xs-center m-2">
<div class="icon-block rounded-circle">
<i class="material-icons md-36 text-muted">edit</i>
</div>
</div>
<div align="center">
<h1>Register</h1>
</div>
<br />
<!-- Common Register Form Contents -->
#include('spark::auth.register-common')
<br />
<!-- Billing Information -->
<div class="card" v-if="selectedPlan && selectedPlan.price > 0">
<div class="card-header bg-white text-xs-center">
<h4 class="card-title">Billing Information</h4>
</div>
<div class="p-2">
<!-- Generic 500 Level Error Message / Stripe Threw Exception -->
<div class="alert alert-danger" v-if="registerForm.errors.has('form')">
We had trouble validating your card. It's possible your card provider is preventing
us from charging the card. Please contact your card provider or customer support.
</div>
<form role="form">
<!-- Billing Address -->
#if (Spark::collectsBillingAddress())
#include('spark::auth.register-address')
#endif
<!-- Cardholder's Name -->
<div class="form-group">
<label for="name">Cardholder's Name</label>
<input type="text" class="form-control" name="name" id="name" placeholder="Cardholder's Name" v-model="cardForm.name">
</div>
<!-- Card Number -->
<div class="form-group">
<label for="number">Card Number</label>
<input type="text" class="form-control" name="number" id="number" placeholder="Card Number" data-stripe="number" v-model="cardForm.number">
<small class="text-help" v-show="registerForm.errors.has('number')">
#{{ registerForm.errors.get('number') }}
</small>
</div>
<!-- Security Code (CVC) -->
<div class="form-group">
<label for="cvc">Security Code (CVC)</label>
<input type="text" class="form-control" name="cvc" id="cvc" placeholder="Security Code (CVC)" data-stripe="cvc" v-model="cardForm.cvc">
</div>
<!-- Expiration -->
<div class="form-group">
<label>Card Expiration Date</label>
<div class="row">
<!-- Month -->
<div class="col-md-6">
<input type="text" class="form-control" name="month" placeholder="Expiration Month (MM)" maxlength="2" data-stripe="exp-month" v-model="cardForm.month">
</div>
<!-- Year -->
<div class="col-md-6">
<input type="text" class="form-control" name="year" placeholder="Expiration Year (YYYY)" maxlength="4" data-stripe="exp-year" v-model="cardForm.year">
</div>
</div>
</div>
<!-- ZIP/Postal Code -->
<div class="form-group" v-if=" ! spark.collectsBillingAddress">
<label for="zip">ZIP/Postal Code</label>
<input type="text" class="form-control" name="zip" id="zip" placeholder="ZIP/Postal Code" v-model="registerForm.zip">
<small class="text-help" v-show="registerForm.errors.has('zip')">
#{{ registerForm.errors.get('zip') }}
</small>
</div>
<!-- Coupon Code -->
<div class="form-group" v-if="query.coupon">
<label for="coupon">Coupon Code</label>
<input type="text" class="form-control" name="coupon" id="coupon" placeholder="Coupon Code" v-model="registerForm.coupon">
<small class="text-help" v-show="registerForm.errors.has('coupon')">
#{{ registerForm.errors.get('coupon') }}
</small>
</div>
<!-- Terms And Conditions -->
<div class="form-group">
<div class="checkbox">
<label>
<input type="checkbox" v-model="registerForm.terms">
I Accept The Terms Of Service
<small class="text-help" v-show="registerForm.errors.has('terms')">
#{{ registerForm.errors.get('terms') }}
</small>
</label>
</div>
</div>
<!-- Tax / Price Information -->
<div class="form-group" v-if="spark.collectsEuropeanVat && countryCollectsVat && selectedPlan">
<label class="col-md-4 control-label"> </label>
<div class="col-md-6">
<div class="alert alert-info" style="margin: 0;">
<strong>Tax:</strong> #{{ taxAmount(selectedPlan) | currency }}
<br><br>
<strong>Total Price Including Tax:</strong>
#{{ priceWithTax(selectedPlan) | currency }} / #{{ selectedPlan.interval | capitalize }}
</div>
</div>
</div>
<!-- Register Button -->
<div class="form-group" align="center">
<button type="submit" class="btn btn-primary" #click.prevent="register" :disabled="registerForm.busy">
<span v-if="registerForm.busy">
<i class="fa fa-btn fa-spinner fa-spin"></i>Registering
</span>
<span v-else>
<i class="fa fa-btn fa-check-circle"></i>Register
</span>
</button>
</div>
<div class="text-xs-center">Already signed up? Log in</div>
</form>
</div>
</div>
</div>
<!-- Plan Features Modal -->
#include('spark::modals.plan-details')
</spark-register-stripe>
</div>
#endsection
If somebody could point me in the right direction, and let me know where I'm going wrong here it'd be much appreciated. Thanks!
This is my product page
I want to use checkbox for my product page by jquery.. So that customer can easily find their required product with this checkbox . Please do help me as i am in very early stage of jquery.
Thanks in advance
<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="sv"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="sv"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="sv"><![endif]-->
<!--[if gt IE 8]> <html class="no-js ie9" lang="sv"><![endif]-->
<html lang="sv">
<script src="assets/js/jquery-1.11.0.min.js"></script>
<body id="rims" class="category category-14 category-falgar hide-right-column lang_sv">
<div id="page">
<div class="columns-container">
<div id="columns" class="container">
<!-- Breadcrumb -->
<div class="breadcrumb clearfix">
<a class="home" href="index.php" title="Återgå till Startsidan"><i class="icon-home"></i></a>
<span class="navigation-pipe" >></span>
<span class="navigation_page">Fälgar</span>
</div>
<!-- /Breadcrumb -->
<div id="slider_row" class="row">
<div id="top_column" class="center_column col-xs-12 col-sm-12"></div>
</div>
<div class="row">
<div id="left_column" class="column col-xs-12 col-sm-3">
<!-- Block layered navigation module -->
<div id="layered_block_left" class="block">
<p class="title_block">Sök Fälgar</p>
<div class="block_content
<form action="#" id="layered_form">
<div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">Storlek</span>
</div>
<ul id="" class="col-lg-12 ">
<?php include 'php/config.php';
$sql =mysql_query("select * from size");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="size" id="size<?php echo $row['size']?>" value="<?php echo $row['size']?>" />
<label for="layered_id_attribute_group_86">
<?php echo $row['size']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">Bredd</span>
<!--<span class="layered_close">
</span>-->
</div>
<ul id="ul_layered_id_attribute_group_4" class="col-lg-12 layered_filter_ul">
<?php include 'php/config.php';
$sql =mysql_query("select * from width");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="layered_id_attribute_group_33" id="layered_id_attribute_group_33" value="33_4" />
<label for="layered_id_attribute_group_33">
<?php echo $row['width']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">Bultmönster</span>
<!--<span class="layered_close">
</span>-->
</div>
<ul id="ul_layered_id_attribute_group_2" class="col-lg-12 layered_filter_ul">
<?php include 'php/config.php';
$sql =mysql_query("select * from bolt");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="layered_id_attribute_group_8" id="layered_id_attribute_group_8" value="8_2" />
<label for="layered_id_attribute_group_8">
<?php echo $row['bolt']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
<div class="layered_filter">
<div class="layered_subtitle_heading">
<span class="layered_subtitle">ET</span>
<!--<span class="layered_close">
</span>-->
</div>
<ul id="ul_layered_id_attribute_group_6" class="col-lg-12 layered_filter_ul">
<?php include 'php/config.php';
$sql =mysql_query("select * from offset");
while($row=mysql_fetch_array($sql)){
?>
<li class="nomargin hiddable col-lg-6">
<input type="radio" class="radio" name="layered_id_attribute_group_205" id="layered_id_attribute_group_205" value="205_6" />
<label for="layered_id_attribute_group_205">
<?php echo $row['offset']?>
</label>
</li>
<?php
}
?>
</ul>
</div>
</div>
<input type="hidden" name="id_category_layered" value="14" />
</form>
</div>
<div id="layered_ajax_loader" style="display: none;">
<p>
<img src="images/loader.gif" alt="" />
<br />Laddar...
</p>
</div>
</div>
<!-- /Block layered navigation module -->
</div>
<!-- Left Panel end -->
<div id="center_column" class="center_column col-xs-9 col-sm-9" >
<h1 class="page-heading product-listing"><span class="cat-name">Fälgar </span>
</h1>
<div class="content_sortPagiBar clearfix">
<div class="sortPagiBar clearfix">
<!-- /Sort products -->
<!-- nbr product/page -->
<!-- /nbr product/page -->
</div>
<div class="top-pagination-content clearfix">
<!-- Pagination -->
<div id="pagination" class="pagination clearfix">
<form class="showall" action="" method="get">
<div>
<input type="hidden" name="id_lang" value="9" />
<input type="hidden" name="id_category" value="14" />
<input type="hidden" name="controller" value="category" />
<input name="n" id="nb_item" class="hidden" value="1098" />
</div>
</form>
</div>
<?php
$sql =mysql_query("select * from items ");
$num_rows = mysql_num_rows($sql);
?>
<div class="product-count">
Visar <?php echo $num_rows; ?> artiklar
</div>
<!-- /Pagination -->
</div>
</div>
<!-- Products list -->
<!--ul-->
<div class="product_list grid row">
<?php
while($row=mysql_fetch_array($sql)){
?>
<!--li-->
<div class="ajax_block_product col-xs-6 col-sm-6 col-md-4 first-in-line first-item-of-tablet-line first-item-of-mobile-line">
<div class="layered" itemscope itemtype="http://schema.org/Product" >
<div class="layered_filter" >
<div class="product-image-container" >
<a class="product_img_link"href="#" title="<?php echo $row['model_name']?> " itemprop="url">
<img class="replace-2x img-responsive" src="admin/itempics/<?php echo $row['itemno']?>.jpg" alt="<?php echo $row['model_name']?> " title="<?php echo $row['cname']?> " width="250" height="250" itemprop="image" />
</a>
<div class="content_price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<meta itemprop="priceCurrency" content="SEK" />
</div>
</div>
</div>
<div class="layered_filter">
<h5 itemprop="name">
<a class="product-name" href="#" title="<?php echo $row['model_name']?> " itemprop="url" >
<b><?php echo $row['model_name'], $row['cname'], $row['itemno'], $row['size'], $row['width'], $row['offset'], $row['colour']?></b>
</a>
</h5>
<p class="product-desc" itemprop="description">
<?php echo $row['model_name']?>
</p>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="content_price">
<span itemprop="price" class="price product-price">
<?php echo $row['price']?> ,00 kr
</span>
<meta itemprop="priceCurrency" content="SEK" />
</div>
<div style="margin-bottom:10px;" class="button-container">
<a class="button ajax_add_to_cart_button btn btn-default" href="index.php?con=8" id="rims_add_cart<?php echo $row['items_id']; ?>" rel="nofollow" title="Lägg till i varukorgen" data-id-product="1338" data-value="<?php echo $row['items_id']; ?>" >
<span>Lägg till i varukorgen</span>
</a>
<a style="margin-top:5px;" itemprop="url" class="button lnk_view btn btn-default" href="index.php?con=11 & itemno=<?php echo $row['items_id']; ?>" title="View">
<span>Mer</span>
</a>
</div>
<div class="product-flags">
</div>
<script>
$("#rims_add_cart<?php echo $row['items_id']; ?>").click(function() {
var addcart = $(this).data('value');
$.ajax({
type: "GET",
url: "session_cart_items.php",
data: {addsessioncart : addcart},
//cache: false,
});
//alert($(this).data('value'));
});
</script>
</div>
<div class="functional-buttons clearfix">
</div>
</div><!-- .product-container> -->
</div><!--li end-->
<?php
}
?>
</div><!--ul end-->
</div>
</div>
</div>
</div>
</div><!-- #center_column -->
</div><!-- .row -->
</div><!-- #columns -->
</div><!-- .columns-container -->
<!-- Footer -->
</div><!-- #page -->
<script type="text/javascript" src="assets/js/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.ui.mouse.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.ui.slider.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.ui.widget.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$('input[type="checkbox"]').click(function() {
if ($('input[type="checkbox"]:checked').length > 0) {
$('.layered >div').hide();
$('input[type="checkbox"]:checked').each(function() {
$('.layered >div[data-category=' + this.id + ']').show();
});
} else {
$('.layered >div').show();
}
});
</script>
</div>
</body>
</html>
This is my code for the above.. I am using php as backend .