php - Retain div state after back button pressed on browser -
scenario - developing laravel framework based website user can add products cart, when add product cart, set opacity of product's div "0.3" (somewhat less visible) in way user know products has been added cart without going on cart page check it. also, use ajax lazyload gets 6 products when user scrolls down window. when user clicks on product redirect them product page can see details of product (like ecommerce)
now question when user adds products cart , opens product check details, , click browser button come product list page, selected items on page no longer selected (which means opacity set default although product added cart). please consider use lazyload render more , more products on window scroll.
things tried - have session stores cart products. added code product list page if product added cart, make opacity 0.3 . result user have click refresh button when gets product list page.
solutions: created setinterval ajax function current products have in session , used change opacity of product div. though have lazyload can set product's opacity need.
jquery(document).ready(function() { var refreshid = setinterval( function() { $.ajax({ url: '/products/state', type: "post", success: function(data) { if(data == 0) { } else { $.each(data, function(key, value) { $('#product_box_'+value).attr('style','opacity: 0.3'); }); } } }); }, 500); });
Comments
Post a Comment