Strawberry Jam | Manama Toppings

<!doctype html> <html lang="en"> <head> <title>Strawberry Jam | Manama Toppings</title>   <meta charset="utf-8" /> <meta name="title" content="Strawberry Jam | Manama Toppings" /> <meta name="description" content="the good ol' berries, bottled Strawberries are an excellent source of Vitamins C and K as well as providing a good dose of fibre, folic acid, manganese and potassium., phytonutrients and flavanoids. Their fibre and fructose content may help regulate blood sugar levels by slowing digestion. The vibrant red colour is due to large amounts of anthocyanidin, making them rich in antioxidants." /> <meta name="keywords" content="" /> <meta name="author" content="" /> <meta name="csrf-token" content="3UIGeNZJOVgJGE594SPja22xvQLqj96lEJkeGZxh">   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="mobile-web-app-capable" content="yes" />   <link rel="shortcut icon" href="https://www.manamatoppings.com/web/images/favicons/favicon.png" /> <link rel="apple-touch-icon" href="https://www.manamatoppings.com/web/images/favicons/apple-touch-icon.png" /> <link rel="apple-touch-icon" sizes="72x72" href="https://www.manamatoppings.com/web/images/favicons/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="https://www.manamatoppings.com/web/images/favicons/apple-touch-icon-114x114.png" />   <meta name="application-name" content="Manama Toppings - Always Something New" /> <meta name="msapplication-TileColor" content="#FFF" /> <meta name="msapplication-square70x70logo" content="https://www.manamatoppings.com/web/images/favicons/msapplication-tiny.png" /> <meta name="msapplication-square150x150logo" content="https://www.manamatoppings.com/web/images/favicons/msapplication-square.png" />   <meta name="theme-color" content="#952724" /> <meta name="msapplication-navbutton-color" content="#952724" /> <meta name="apple-mobile-web-app-status-bar-style" content="#952724" />    <link rel="stylesheet" href="https://www.manamatoppings.com/web/css/bootstrap.css">   <script src="https://kit.fontawesome.com/e33c582dd4.js" crossorigin="anonymous"></script>  <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/dl-icon.css>  <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/plugins.css>   <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/revolution.css>   <link rel="stylesheet" href=https://www.manamatoppings.com/web/css/main.css>   <script src="https://www.manamatoppings.com/web/js/vendor/modernizr-2.8.3.min.js"></script>  <script src="https://www.manamatoppings.com/web/js/vendor/jquery.min.js"></script> </head> <body> <div class="ai-preloader active"> <div class="ai-preloader-inner h-100 d-flex align-items-center justify-content-center"> <div class="ai-child ai-bounce1"></div> <div class="ai-child ai-bounce2"></div> <div class="ai-child ai-bounce3"></div> </div> </div>  <div class="wrapper">  <marquee scrolldirection="left" scrollamount=5 bgcolor="red" style="color:#FFFFFF">| Free Shipping on Orders above Rs.700/- | Volume Discount of 5% on Rs.3,000/-, 10% on Rs.10,000/- | 15% on Rs. 15,000/- | Check our new products |</marquee>  <header class="header header-fullwidth header-style-4"> <div class="header-outer"> <div class="header-inner fixed-header"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-lg-2 col-md-3 col-4 order-1"> <div class="header-left d-flex">  <a href="/" class="logo-box"> <figure class="logo--normal"> <img src="https://www.manamatoppings.com/web/images/logo.png" alt="Logo" /> </figure> </a>  </div> </div> <div class="col-lg-8 order-3 order-lg-2">  <nav class="main-navigation"> <ul class="mainmenu mainmenu--centered"> <li class="mainmenu__item active"> <a href="https://www.manamatoppings.com" class="mainmenu__link"> <span class="mm-text">Home</span> </a> </li> <li id="shop-menu" class="mainmenu__item menu-item-has-children"> <a href="#" class="mainmenu__link"> <span class="mm-text">Shop Products</span> </a> <ul class="megamenu four-column"> <li> <ul> <li> <a href="https://www.manamatoppings.com/shop/mojitos" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1708016234_original_mojito_750ml.png" alt="Mojitos"/> <span>Mojitos</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_twists" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642618518_red-rose-fruit-twist.jpg" alt="Fruit Twist"/> <span>Fruit Twist</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/ice_tea" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642626284_peach-iced-tea.jpg" alt="Ice Tea"/> <span>Ice Tea</span> </a> </li> </ul> </li> <li> <ul> <li> <a href="https://www.manamatoppings.com/shop/jams" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656175_mango-jam.jpg" alt="Jams"/> <span>Jams</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/crushes" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642661888_cherry-crush.jpg" alt="Crushes"/> <span>Crushes</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sauces" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642668459_chocolate-sauces.jpg" alt="Sauces"/> <span>Sauces</span> </a> </li> </ul> </li> <li> <ul> <li> <a href="https://www.manamatoppings.com/shop/sweet_chilli_chutneys" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1648246479_mango-chutney.png" alt="Sweet Chilli Chutneys"/> <span>Sweet Chilli Chutneys</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_fillings" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1642674185_pineapple-fruit-fillings.jpg" alt="Fruit Fillings"/> <span>Fruit Fillings</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sugarfree" class="menu-item-img"> <img src="https://www.manamatoppings.com/images/uploads/products/1732553851_jamun_350g_png.png" alt="Sugar Free"/> <span>Sugar Free</span> </a> </li> </ul> </li> <li class="d-none d-lg-block banner-holder"> <div class="megamenu-banner"> <div class="megamenu-banner-image"></div> <a href="#" class="megamenu-banner-link"></a> </div> </li> </ul> </li> <li class="mainmenu__item"> <a href="https://www.manamatoppings.com/recipe-corner" class="mainmenu__link"> <span class="mm-text">Recipe Corner</span> </a> </li> <li class="mainmenu__item"> <a href="https://www.manamatoppings.com/tips-techniques" class="mainmenu__link"> <span class="mm-text">Tips & Techniques</span> </a> </li> <li class="mainmenu__item menu-item-has-children has-children"> <a href="javacript:void(0);" class="mainmenu__link"> <span class="mm-text">Inside Manama</span> </a> <ul class="sub-menu"> <li> <a href="https://www.manamatoppings.com/about-us"> <span class="mm-text">Who We Are</span> </a> </li> <li> <a href="https://www.manamatoppings.com/our-distributors"> <span class="mm-text">Our Distributors</span> </a> </li> <li> <a href="https://www.manamatoppings.com/customer-testimonials"><span class="mm-text">Customer Testimonials</span></a> </li> <li> <a href="https://www.manamatoppings.com/contact-us"> <span class="mm-text">Contact Us</span> </a> </li> </ul> </li> </ul> </nav>  </div> <div class="col-lg-2 col-md-9 col-8 order-2 order-lg-3"> <ul class="header-toolbar text-end main-menu"> <li class="header-toolbar__item user-info-menu-btn"> <a href="#"> <img src="https://www.manamatoppings.com/web/images/icons/003-user.png" /> </a> <ul class="user-info-menu"> <li> <a href="https://www.manamatoppings.com/register">Register</a> </li> <li> <a href="https://www.manamatoppings.com/login">Login</a> </li> </ul> </li> <li class="header-toolbar__item"> <a href="#miniCart" class="mini-cart-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/006-bag.png" /> <sup class="mini-cart-count">0</sup> </a> </li> <li class="header-toolbar__item"> <a href="#searchForm" class="search-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/007-magnifying-glass.png" /> </a> </li> </ul> </div> </div> </div> </div> <div class="main-sticky-header-height"></div> </div> </header>   <header class="header-mobile"> <div class="header-mobile__outer"> <div class="header-mobile__inner fixed-header"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-4"> <a href="/" class="logo-box"> <figure class="logo--normal"> <img src="https://www.manamatoppings.com/web/images/logo-icon.png" alt="Logo"> </figure> </a> </div> <div class="col-8"> <ul class="header-toolbar text-end"> <li class="header-toolbar__item user-info-menu-btn"> <a href="#"> <img src="https://www.manamatoppings.com/web/images/icons/003-user.png" /> </a> <ul class="user-info-menu"> <li> <a href="https://www.manamatoppings.com/account/my-account">My Account</a> </li> <li> <a href="https://www.manamatoppings.com/account/my-wishlist">My Wishlist</a> </li> <li> <a href="https://www.manamatoppings.com/account/change-password">Change Password</a> </li> <li> <a href="https://www.manamatoppings.com/login">Logout</a> </li> <li> <a href="https://www.manamatoppings.com/register">Register</a> </li> <li> <a href="https://www.manamatoppings.com/login">Login</a> </li> </ul> </li> <li class="header-toolbar__item"> <a href="#miniCart" class="mini-cart-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/006-bag.png" /> <sup class="mini-cart-count">2</sup> </a> </li> <li class="header-toolbar__item"> <a href="#searchForm" class="search-btn toolbar-btn"> <img src="https://www.manamatoppings.com/web/images/icons/007-magnifying-glass.png" /> </a> </li> <li class="header-toolbar__item d-lg-none"> <a href="#" class="menu-btn"></a> </li> </ul> </div> </div> <div class="row"> <div class="col-12">  <div class="mobile-navigation dl-menuwrapper" id="dl-menu"> <button class="dl-trigger">Open Menu</button> <ul class="dl-menu"> <li><a href="/">Home</a></li> <li> <a href="#"> Shop Products </a> <ul class="dl-submenu"> <li> <a class="megamenu-title" href="#"> Choose your Flavour </a> <ul class="dl-submenu"> <li> <a href="https://www.manamatoppings.com/shop/mojitos"> <img src="https://www.manamatoppings.com/images/uploads/products/1708016234_original_mojito_750ml.png" alt="Mojitos"/> <span class="mm-text">Mojitos</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_twists"> <img src="https://www.manamatoppings.com/images/uploads/products/1642618518_red-rose-fruit-twist.jpg" alt="Fruit Twist"/> <span class="mm-text">Fruit Twist</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/ice_tea"> <img src="https://www.manamatoppings.com/images/uploads/products/1642626284_peach-iced-tea.jpg" alt="Ice Tea"/> <span class="mm-text">Ice Tea</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/jams"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656175_mango-jam.jpg" alt="Jams"/> <span class="mm-text">Jams</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/crushes"> <img src="https://www.manamatoppings.com/images/uploads/products/1642661888_cherry-crush.jpg" alt="Crushes"/> <span class="mm-text">Crushes</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sauces"> <img src="https://www.manamatoppings.com/images/uploads/products/1642668459_chocolate-sauces.jpg" alt="Sauces"/> <span class="mm-text">Sauces</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sweet_chilli_chutneys"> <img src="https://www.manamatoppings.com/images/uploads/products/1648246479_mango-chutney.png" alt="Sweet Chilli Chutneys"/> <span class="mm-text">Sweet Chilli Chutneys</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/fruit_fillings"> <img src="https://www.manamatoppings.com/images/uploads/products/1642674185_pineapple-fruit-fillings.jpg" alt="Fruit Fillings"/> <span class="mm-text">Fruit Fillings</span> </a> </li> <li> <a href="https://www.manamatoppings.com/shop/sugarfree"> <img src="https://www.manamatoppings.com/images/uploads/products/1732553851_jamun_350g_png.png" alt="Sugar Free"/> <span class="mm-text">Sugar Free</span> </a> </li> </ul> </li> <li> <a href="#"> Build Flavour Box </a> </li> </ul> </li> <li> <a href="https://www.manamatoppings.com/recipe-corner"> Recipe Corner </a> </li> <li> <a href="https://www.manamatoppings.com/tips-techniques"> Tips & Techniques </a> </li> <li> <a href="#"> Inside Manama </a> <ul class="dl-submenu"> <li> <a href="https://www.manamatoppings.com/about-us"> Who We Are </a> </li> <li> <a href="https://www.manamatoppings.com/our-distributors"> Our Distributors </a> </li> <li> <a href="https://www.manamatoppings.com/customer-testimonials"> Customer Testimonials </a> </li> <li> <a href="https://www.manamatoppings.com/contact-us"> Contact Us </a> </li> </ul> </li> </ul> </div>  </div> </div> </div> </div> <div class="mobile-sticky-header-height"></div> </div> </header>   <div id="content" class="main-content-wrapper">  <section class="page-headers"> <div class="container-fluid"> <div class="row"> <div class="order-md-2 col-md-4 ms-auto"> <h1>Shop Products</h1> <ul class="pghd-breadcrumbs"> <li><a href="/">Home</a></li> <li><a href="#">Shop Products</a></li> <li>Jams</li> </ul> </div> <div class="order-md-1 col-md-3"> <div class="cat-info"> <h2>Jams</h2> <p>the wholesome breakfast jam... Start your day with our jam spread over your toast... or add two spoons to your milk and make an early morning Jam shake!</p> </div> </div> </div> </div> </section>  <div class="page-content-inner enable-full-width pb--50"> <div class="container"> <div class="row pt--40"> <div class="col-md-6 product-main-image"> <div class="product-image">  <div class="product-gallery vertical-slide-nav"> <div class="product-gallery__thumb"> <div class="product-gallery__thumb--image"> <div class="mmtp-element-carousel nav-slider slick-vertical" data-slick-options='{ "slidesToShow": 3, "slidesToScroll": 1, "vertical": true, "swipe": true, "verticalSwiping": true, "infinite": true, "focusOnSelect": true, "asNavFor": ".main-slider", "arrows": true, "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-up" }, "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-down" } }' data-slick-responsive='[ { "breakpoint":992, "settings": { "slidesToShow": 4, "vertical": false, "verticalSwiping": false } }, { "breakpoint":575, "settings": { "slidesToShow": 3, "vertical": false, "verticalSwiping": false } }, { "breakpoint":480, "settings": { "slidesToShow": 2, "vertical": false, "verticalSwiping": false } } ]'>  <figure class="product-gallery__thumb--single has--bg"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656771_strawberry-jam.jpg" alt="Products"> </figure> </div> </div> </div>  <div class="product-gallery__large-image"> <div class="gallery-with-thumbs"> <div class="product-gallery__wrapper"> <div class="mmtp-element-carousel main-slider product-gallery__full-image image-popup" data-slick-options='{ "slidesToShow": 1, "slidesToScroll": 1, "infinite": true, "arrows": false, "asNavFor": ".nav-slider" }'>  <figure class="product-gallery__image has--bg"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656771_strawberry-jam.jpg" alt="Products"> </figure> </div> <div class="product-gallery__actions"> <button class="action-btn btn-zoom-popup"> <i class="dl-icon-zoom-in"> </i> </button>  </div> </div> </div> </div> </div> <span class="product-badge ">New</span>  </div> </div> <div class="col-md-6 product-main-details mt--40 mt-md--10 mt-sm--30"> <div class="product-summary"> <div class="product-rating float-left"><span> </span> <a href="" class="review-link">(0 customer review)</a> </div> <div class="product-navigation"> <a href="#" class="prev"> <i class="dl-icon-left"></i></a> <a href="#" class="next"> <i class="dl-icon-right"></i></a> </div> <div class="clearfix"></div> <h3 class="product-title">Strawberry Jam</h3> <div id="product_in_stock"> <span class="product-stock in-stock float-right"> <i class="dl-icon-check-circle1"></i>in stock </span> </div> <div class="clearfix"></div> <form action="#" class="form--action mb--30 mb-sm--20"> <div class="product-price-area"> <div class="ppa-each"> <input type="radio" checked value="161" id="price-tag1" name="product_info_id"> <label for="price-tag1"> <i class="fas fa-rupee-sign"></i> 130 <small>500gms</small> </label> </div> <div class="ppa-each"> <input type="radio" value="162" id="price-tag2" name="product_info_id"> <label for="price-tag2"> <i class="fas fa-rupee-sign"></i> 220 <small>1kgs</small> </label> </div> </div> <div class="product-action flex-row align-items-center"> <div class="quantity prd-page-qty"> <input type="number" class="quantity-input" name="qty" id="qty" value="1" min="1" max="10"> </div> <button type="button" data-product_info_id="162" class="btn btn-style-2 btn-large add_from_mini_cart">Add To Cart</button> <a class="add-to-wishlist add_to_wishlist_btn" href="javascript:void(0);" data-product_info_id="162"> <i class="fas fa-heart"></i></a>  <div class="product-extra"> <b>1L</b>, <b>5L</b> is not available for purchase at our estore and can only be bought from our retail store or with our distributors and retailers. In case you have any questions, <a href="https://www.manamatoppings.com/support-center">contact us </a> </div> </div> </form> <div class="table-responsive product-meta-table"> <table class="table"> <thead> <tr> <th>PKG</th> <th>SKU</th> <th>BARCODE</th> </tr> </thead> <tbody> <tr> <td>500gms</td> <td>1002</td> <td>8906000481028</td> </tr> <tr> <td>1kgs</td> <td>1016</td> <td>8906000481165</td> </tr> </tbody> </table> </div> </div> </div> </div>  <div class="row justify-content-center pt--45 pt-lg--50 pt-md--55 pt-sm--35 pb--50"> <div class="col-md-8 col-12"> <div class="product-data-tab tab-style-1"> <div class="nav nav-tabs product-data-tab__head mb--40 mb-md--30" id="product-tab" role="tablist"> <button type="button" class="product-data-tab__link nav-link active" id="nav-description-tab" data-bs-toggle="tab" data-bs-target="#nav-description" role="tab" aria-selected="true"> <span>Description</span> </button> <button type="button" class="product-data-tab__link nav-link" id="nav-reviews-tab" data-bs-toggle="tab" data-bs-target="#nav-reviews" role="tab" aria-selected="true"> <span>Reviews </span> </button> </div> <div class="tab-content product-data-tab__content" id="product-tabContent">  <div class="tab-pane fade show active" id="nav-description" role="tabpanel" aria-labelledby="nav-description-tab"> <div class="product-description"> <b>The good ol' berries, bottled</b><br>Strawberries are an excellent source of Vitamins C and K as well as providing a good dose of fibre, folic acid, manganese and potassium., phytonutrients and flavanoids. Their fibre and fructose content may help regulate blood sugar levels by slowing digestion. The vibrant red colour is due to large amounts of anthocyanidin, making them rich in antioxidants. </div> </div>  <div class="tab-pane fade" id="nav-reviews" role="tabpanel" aria-labelledby="nav-reviews-tab"> <div class="product-reviews"> <h3 class="review__title"> 0 review for Original Mojito</h3> <ul class="review__list"> <li class="review__item"> </li> </ul> <div class="review-form-wrapper"> <span class="reply-title"> <h3>Add a review</h3> </span> <form action="#" class="form" type="POST"> <input type="hidden" name="rating" id="rating"> <input type="hidden" name="product_id" id="product_id" value="101"> <div class="form-notes mb--20">  <p>Please <a href="javascript:void(0);" onClick="loginValidityForReview('review')">Login</a> to Add Review.</p> </div> <div class="form__group mb--30 mb-sm--20"> <div class="revew__rating"> <p class="stars selected"> <a class="star-1 star_rating" data-rating="1" href="#">1</a> <a class="star-2 star_rating" data-rating="2" href="#">2</a> <a class="star-3 star_rating" data-rating="3" href="#">3</a> <a class="star-4 star_rating" data-rating="4" href="#">4</a> <a class="star-5 star_rating" data-rating="5" href="#">5</a> </p> <span class="rating_error error_span" style="color: red"></span> </div> </div> <div class="form__group mb--30 mb-sm--20"> <div class="row"> <div class="col-12"> <label class="form__label" for="comment">Your Review<span class="required">*</span></label> <textarea name="comment" id="comment" class="form__input form__input--textarea"></textarea> <span class="comment_error error_span" style="color: red"></span> </div> </div> </div> <div class="form__group"> <div class="row"> <div class="col-12"> <input type="button" value="Submit" class="btn btn-style-1 btn-submit review_submit"> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="row pt--35 pt-md--25 pt-sm--15 pb--75 pb-md--55 pb-sm--35"> <div class="col-12"> <div class="row mb--40 mb-md--30"> <div class="col-12 text-center"> <h2 class="heading-secondary">Related Products</h2> <hr class="separator center mt--25 mt-md--15"> </div> </div> <div class="row"> <div class="col-12"> <div class="mmtp-element-carousel product-carousel nav-vertical-center" data-slick-options='{ "spaceBetween": 30, "slidesToShow": 4, "slidesToScroll": 1, "arrows": true, "prevArrow": "dl-icon-left", "nextArrow": "dl-icon-right" }' data-slick-responsive='[ {"breakpoint":1200, "settings": {"slidesToShow": 3} }, {"breakpoint":991, "settings": {"slidesToShow": 2} }, {"breakpoint":450, "settings": {"slidesToShow": 1} } ]'> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/mango-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656175_mango-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/mango-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656175_mango-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/mango-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="98" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="156" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Mango Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/apricot-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656239_apricot-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/apricot-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656239_apricot-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/apricot-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="99" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="158" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Apricot Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/raspberry-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656271_raspberry-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/raspberry-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642656271_raspberry-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/raspberry-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="100" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="160" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Raspberry Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/black-currant-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642657003_black-currant-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/black-currant-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642657003_black-currant-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/black-currant-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="102" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="163" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Black Currant Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/lime-marmalade"> <img src="https://www.manamatoppings.com/images/uploads/products/1642657927_lime-marmalade-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/lime-marmalade"> <img src="https://www.manamatoppings.com/images/uploads/products/1642657927_lime-marmalade-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/lime-marmalade" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="103" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="164" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Lime Marmalade</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/orange-marmalade"> <img src="https://www.manamatoppings.com/images/uploads/products/1642657995_orange-marmalade-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/orange-marmalade"> <img src="https://www.manamatoppings.com/images/uploads/products/1642657995_orange-marmalade-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/orange-marmalade" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="104" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="165" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Orange Marmalade</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/mix-berry-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642658108_mixed-berry-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/mix-berry-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642658108_mixed-berry-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/mix-berry-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="105" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="167" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Mix Berry Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/mix-fruit-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642658311_mixed-fruit-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/mix-fruit-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642658311_mixed-fruit-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/mix-fruit-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="106" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="168" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Mix Fruit Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> <div class="mmtp-product"> <div class="product-inner"> <figure class="product-image has--bg"> <div class="product-image--holder"> <a href="https://www.manamatoppings.com/shop/jams/mulberry-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642658489_mulberry-jam.jpg" alt="Kiwi Mojito" class="primary-image"> </a> <a href="https://www.manamatoppings.com/shop/jams/mulberry-jam"> <img src="https://www.manamatoppings.com/images/uploads/products/1642658489_mulberry-jam.jpg" alt="Kiwi Mojito" class="secondary-image"> </a> </div> <div class="mmtp-product-action"> <div class="product-action"> <a class="quickview-btn action-btn" href="https://www.manamatoppings.com/shop/jams/mulberry-jam" data-bs-toggle="tooltip" data-bs-placement="left" title="View"> <i class="dl-icon-view"></i> </a> <a href="javascript:void(0)" class="add_to_cart_btn action-btn" data-product_id="108" title="Add to Cart"> <span> <i class="dl-icon-cart29"></i> </span> </a> <a class="add_wishlist action-btn add_to_wishlist_btn" href="javascript:void(0);" data-bs-toggle="tooltip" data-product_info_id="170" data-bs-placement="left" title="Add to Wishlist"> <i class="dl-icon-heart4"></i> </a> </div> </div> <span class="product-badge ">New</span>  </figure> <div class="product-info"> <h3 class="product-title"> <a href="#">Mulberry Jam</a> </h3> <div class="product-rating"> <span> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="banner-area"> <div class="container-fluid pb--20"> <div class="row"> <div class="order-md-1 col-md-4 col-12"> <div class="banner-box banner-type-10 banner-hover-3 "> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-recipe.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg bluebg">Looking for Recipes?<span>Visit our Recipe Corner for latest lip-smacking recipes..</span> </h3> </div> </div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/recipe-corner"> </a> </div> </div> </div> <div class="order-md-3 col-md-4 col-12"> <div class="banner-box banner-type-10 banner-hover-3"> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/mmtp-tips.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--down"> <h3 class="withbg bluebg">Mix it like a Pro!<span>Tips & Techniques to make that drink of yours more special..</span> </h3> </div> </div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/tips-techniques"> </a> </div> </div> </div> <div class="order-md-2 col-md-4 col-12"> <div class="banner-box banner-type-10"> <div class="banner-inner"> <div class="banner-image"> <img src="https://www.manamatoppings.com/web/images/banners/red-bg.jpg" alt="Banner"> </div> <div class="banner-info"> <div class="banner-info--inner--center"> <h3 class="withoutbg"><i class="fas fa-headset"></i>Need Help?<span>Visit our <b>Support Centre</b> for F.A.Qs and other support options.</span> </h3> </div> </div> <a class="banner-link banner-overlay" href="https://www.manamatoppings.com/support-center"> </a> </div> </div> </div> </div> </div> </div>  </div> <script> const userExists = ''; let wishListProduct = ''; const refreshPage = 'wishlist'; const reference_type = ''; $('input[name="product_info_id"]').click(function (){ let product_info = $('input[name="product_info_id"]:checked').val(); $.ajax({ url: 'https://www.manamatoppings.com/api/get-product-details/'+product_info, method: 'get', success: function (res){ if (res.status == true){ // $('.product-title').text(res.data.listing_name); $('.add-to-cart, .add_from_mini_cart').attr('disabled', (res.data.is_in_stock == 0)); let span_html = ''; if(res.data.is_in_stock == 0) { span_html = `<span class="product-stock out-of-stock float-right"> <i class="dl-icon-close"></i>out of stock </span>`; }else{ span_html = `<span class="product-stock in-stock float-right"> <i class="dl-icon-check-circle1"></i> in stock <span>`; } $('.product-stock').attr('disabled', (res.data.is_in_stock == 0)) $('#product_in_stock').html(span_html); } } }) }); </script> <script src="https://www.manamatoppings.com/js/wishlist/add_wishlist.js"></script> <script src="https://www.manamatoppings.com/js/review.js"></script> <footer class="footer footer-1 bg--black ptb--40"> <div class="footer-top pb--40 pb-md--30"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-3 mb-md--30"> <div class="footer-widget"> <h3 class="widget-title">Company</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/about-us">About Us</a></li> <li><a href="https://www.manamatoppings.com/download-brochure">Download Brochure</a></li> <li><a href="https://www.manamatoppings.com/contact-us">Contact us</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-3 mb-sm--30"> <div class="footer-widget"> <h3 class="widget-title">FOR CUSTOMER</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/register">Register Account</a></li> <li><a href="https://www.manamatoppings.com/account/my-account">My Account</a></li> <li><a href="https://www.manamatoppings.com/support-center">Support Centre</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-3 mb-sm--30"> <div class="footer-widget"> <h3 class="widget-title">RESOURCES</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/recipe-corner">Recipe Corner</a></li> <li><a href="https://www.manamatoppings.com/tips-techniques">Tips & Techniques</a></li> <li> <a href="https://www.manamatoppings.com/customer-testimonials"><span class="mm-text">Customer Testimonials</span></a> </li> </ul> </div> </div> <div class="col-lg-3 col-md-3 mb-sm--30"> <div class="footer-widget"> <h3 class="widget-title">TERMS & POLICY</h3> <ul class="widget-menu"> <li><a href="https://www.manamatoppings.com/terms-and-conditions">Terms & Conditions</a></li> <li><a href="https://www.manamatoppings.com/privacy-policy">Privacy Policy</a></li> <li><a href="https://www.manamatoppings.com/shipping-policy">Shipping Policy</a></li> <li><a href="https://www.manamatoppings.com/return-refund-policy">Return & Refund Policy</a></li> </ul> </div> </div> </div> </div> </div> <div class="footer-middle pb--40 pb-md--30"> <div class="container"> <div class="row method-box-wrapper"> <div class="col-12 mb-md--10"> <ul class="social text-center"> <li class="social__item"> <a href="https://facebook.com" class="social__link color--white"> <i class="fa fa-facebook"></i> </a> </li> <li class="social__item"> <a href="https://instagram.com" class="social__link color--white"> <i class="fa fa-instagram"></i> </a> </li> <li class="social__item"> <a href="https://youtube.com" class="social__link color--white"> <i class="fa fa-youtube"></i> </a> </li> <li class="social__item"> <a href="https://twitter.com" class="social__link color--white"> <i class="fa fa-twitter"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <p class="copyright-text">Manama Farms & Foods<i class="far fa-copyright"></i>2021</p> <p class="copyright-text small">Made in India with<i class="fas fa-heart"></i>by <a href="https://www.frypangraphics.com/" target="_blank">Frypan Graphics</a></p> </div> </div> </div> </div> </footer>   <div class="searchform__popup" id="searchForm"> <a href="#" class="btn-close"><i class="dl-icon-close"></i></a> <div class="searchform__body"> <p>Start typing and press Enter to search</p> <form action="https://www.manamatoppings.com" class="searchform"> <input type="text" name="search" id="search" class="searchform__input" placeholder="Search Entire Store..."> <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button> </form> </div> </div>   <aside class="mini-cart" id="miniCart"> <div class="mini-cart-wrapper"> <a href="" class="btn-close"><i class="dl-icon-close"></i></a> <div class="mini-cart-inner"> <h2 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h2> <div class="mini-cart__content"> <div class="dynamic-cart-render"> </div> <div class="mini-cart__buttons"> <a href="https://www.manamatoppings.com/account/cart" class="btn btn-fullwidth btn-style-1">View Cart</a> <a href="https://www.manamatoppings.com/account/checkout" class="btn btn-fullwidth btn-style-1">Checkout</a> </div> </div> </div> </div> </aside>   <div class="modal fade product-modal" id="addtoCart" aria-hidden="true" aria-labelledby="addtoCartLabel" tabindex="-1"> <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="addtoCartLabel">Add to Cart Options</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><i class="dl-icon-close"></i></span> </button> </div> <div class="modal-body px-5 pb-5 update_product_html">  </div> </div> </div> </div> <div class="modal fade" id="exampleModalToggle2" aria-hidden="true" aria-labelledby="exampleModalToggleLabel2" tabindex="-1"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalToggleLabel2">Modal 2</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> Hide this modal and show the first with the button below. </div> <div class="modal-footer"> <button class="btn btn-primary" data-bs-target="#exampleModalToggle" data-bs-toggle="modal" data-bs-dismiss="modal">Back to first</button> </div> </div> </div> </div>   <div class="ai-global-overlay"></div>  </div>   <script> function load_cart(){ $.ajax({ url:"/api/fetch-cart-details", success: function (res){ let cart_items = ''; let total = 0; $.each(res.data, function (index, item){ cart_items += `<li class="mini-cart__product"> <a data-page="0" data-delete_url="/api/cart/delete" data-delete_id="${item.cart_id}" href="javascript:" class="delete_item remove-from-cart remove"> <i class="dl-icon-close"></i> </a> <div class="mini-cart__product__image"> <img src="/images/uploads/products/${item.image}" alt="products"> </div> <div class="mini-cart__product__content"> <a class="mini-cart__product__title" href="">${item.product_name}</a> <span class="mini-cart__product__quantity">${item.quantity} x <i class="fas fa-rupee-sign"></i>${item.cost_price}</span> </div> </li>`; total = total + parseInt(item.cost_price) * parseInt(item.quantity); }); if (cart_items !== '') { $('#miniCart,.ai-global-overlay').show(); let static_html = `<ul class="mini-cart__list"> ${cart_items} </ul> <div class="mini-cart__total"> <span>Subtotal</span> <span class="ammount"><i class="fas fa-rupee-sign"></i>${total.toFixed(2)}</span> </div>`; $('.dynamic-cart-render').html(static_html); }else{ $('#miniCart,.ai-global-overlay').hide(); $('.dynamic-cart-render').html('<p>No Items in your cart</p>'); } $('.mini-cart-count').html(res.data.length); } }); } load_cart(); </script>   <script src="https://www.manamatoppings.com/web/js/home-bootstrap.bundle.min.js"></script> <script src="https://www.manamatoppings.com/js/vendor/jquery.validate/jquery.validate.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>  <script src="https://www.manamatoppings.com/web/js/plugins.js"></script>   <script src="https://www.manamatoppings.com/web/js/ajax-mail.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>  <script src="https://www.manamatoppings.com/web/js/main.js"></script>  <script src="https://www.manamatoppings.com/web/js/myaccount.js"></script>  <script src="https://www.manamatoppings.com/web/js/revolution-slider/jquery.themepunch.tools.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/jquery.themepunch.revolution.min.js"></script>   <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.actions.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.carousel.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.kenburn.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.layeranimation.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.migration.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.navigation.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.parallax.min.js"></script> <script src="https://www.manamatoppings.com/web/js/revolution-slider/extensions/revolution.extension.slideanims.min.js"></script>   <script src="https://www.manamatoppings.com/web/js/revolution.js"></script> <style> .ui-menu-item{background-color:#f1f1f1 !important; z-index:999999 !important; text-align:center !important;} .ui-state-active{ background-color:#f1f1f1 !important; z-index:999999 !important; border:none !important; margin:0px !important;} .ui-widget-content a{ color:#222 !important; font-weight:bold !important;} .ui-widget-content a:hover{ color:#e31e23 !important; font-weight:bold !important;} /*.main-navigation .mainmenu ul li a.menu-item-img:hover span*/ /*.ui-menu-item-wrapper{ color:#000 !important; font-weight:600 !important; background-color:#FFFFFF !important; border:1px solid #e31e23; opacity:3 !important; display:block;} .ui-autocomplete{ color:#000 !important; font-weight:600 !important; background-color:#FFFFFF !important; border:1px solid #e31e23; opacity:3 !important; display:block; z-index:999999 !important;}*/ .ui-autocomplete{z-index:999999 !important; border:2px solid #e31e23; border-radius: 5px !important;} .ui-widget-content{height:auto !important;} .ui-autocomplete{max-height:250px !important; width:18%;} .ui-autocomplete{overflow:hidden !important; overflow-y:scroll !important;} </style> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script> <script> $( function() { $( "#search" ).autocomplete({ source: function( request, response ) { $.ajax( { url: "https://www.manamatoppings.com/autocomplete-search", dataType: "jsonp", data: { term: request.term }, success: function( data ) { response( data ); } } ); }, minLength: 1, focus: function( event, ui ) { //$( "#project" ).val( ui.item.label ); return false; }, select: function( event, ui ) { //log( "Selected: " + ui.item.value + " aka " + ui.item.id ); return false; } } ).autocomplete( "instance" )._renderItem = function( ul, item ) { return $( "<li>" ) .append( "<div><a href='https://www.manamatoppings.com/shop/"+item.cat_slug+"/"+item.product_slug+"'>" + item.label + "</a></div>" ) .appendTo( ul ); }; } ); </script> </body> </html>

CINXE.COM

Strawberry Jam | Manama Toppings