Notice (8): Trying to get property 'title' of non-object [APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14]Code Context}$meta = TableRegistry::get('CatalogSeo.CategoriesMetas')->getMetaForCategory($view->params['pass'][0]);$meta->title = $meta->title;$view = object(PluginThemeView) { Helpers => object(HelperCollection) {} Blocks => object(ViewBlock) {} plugin => 'Catalog' name => 'Categories' passedArgs => array( (int) 0 => '1' ) helpers => array( 'Filter' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ) ) viewPath => 'Categories' viewVars => array( 'filterPropertyKeys' => object(Cake\ORM\ResultSet) {}, 'filterCounts' => array( [maximum depth reached] ), 'fieldCounts' => array( [maximum depth reached] ), 'pageCount' => (float) 53, 'products' => object(Cake\ORM\ResultSet) {}, 'categories' => object(Cake\ORM\ResultSet) {}, 'category' => object(Catalog\Model\Entity\Category) {}, 'cookieConsentStatus' => 'allow', 'content_for_layout' => '<!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp --> <div class="breadcrumbBox"> <div class="container container-mobile"> <div class="row"> <div class="col-xs-12"> <div class="breadcrumb"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <div class="crumb"> <span>Novi Televizori </span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <div class="facebook-liken"> <div class="facebook-like"> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https://laptopshop.ba/catalog/categories/read/1" class="loginBtn loginBtn--facebook facebook-button"> Dijeli </a> </div> <div class="facebook-like liken"> <a target="_blank" href="https://www.facebook.com/laptopshop" class="loginBtn loginBtn--facebook facebook-button"> Lajkajte nas na Facebooku </a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="navigation-head mobile-top-70"> <div class="nav-main-row"> <span class="back-to-category"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#0090e3" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 10.01c0 .546.224 1.068.62 1.444l7.97 7.58a1.995 1.995 0 0 0 2.75-2.89l-6.453-6.137 6.454-6.152A1.995 1.995 0 0 0 11.088.968l-7.97 7.597A2 2 0 0 0 2.5 10.01"></path></svg> </span> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <a href="https://laptopshop.ba/catalog/categories/read/1"> <span>Novi Televizori </span> </a> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --><li> <div> <span>MERCUSYS MB230-4G</span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <ol class="show-all additional-links"> <li><a href="https://laptopshop.ba/laptop-savjetnik">Laptop Savjetnik</a></li> <li><a href="https://laptopshop.ba/racunari/desktop-racunari">Desktop računari</a></li> <li><a href="https://laptopshop.ba/racunari/gaming-racunari">Gaming računari</a></li> <li><a href="https://laptopshop.ba/komponente">Komponente</a></li> </ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <div class="fb-like"> </div> <div class="fb-share-button"> </div> </div> <div class="col-md-3"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --><a class="filterbtn" href="javascript:void(0);" data-toggle="filter"><span class="fa fa-filter"></span>Filter</a> <a href="javascript:void(0);" class="floating-filter-btn" data-toggle="filter"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <path fill-rule="evenodd" d="M10.957 1.74c.486 0 .87.382.87.87 0 .486-.384.868-.87.868-.487 0-.87-.382-.87-.87 0-.486.383-.87.87-.87M.87 3.48h7.617c.348 1.01 1.322 1.74 2.47 1.74 1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.87-.87-.87h-1.704C13.078.73 12.104 0 10.956 0 9.81 0 8.87.73 8.487 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.868.87.868M5.913 8c0 .487-.383.87-.87.87-.486 0-.87-.383-.87-.87s.384-.87.87-.87c.487 0 .87.383.87.87M16 8c0-.487-.383-.87-.87-.87H7.513c-.348-1.008-1.322-1.74-2.47-1.74-1.147 0-2.086.732-2.47 1.74H.87C.383 7.13 0 7.513 0 8s.383.87.87.87h1.704c.348 1.008 1.322 1.74 2.47 1.74 1.147 0 2.086-.732 2.47-1.74h7.616c.487 0 .87-.383.87-.87m-5.043 4.522c.486 0 .87.382.87.87 0 .486-.384.87-.87.87-.487 0-.87-.384-.87-.87 0-.488.383-.87.87-.87M.87 14.262h7.617C8.835 15.27 9.81 16 10.957 16c1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.868-.87-.868h-1.704c-.348-1.01-1.322-1.74-2.47-1.74-1.147 0-2.086.73-2.47 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.87.87.87"></path> </svg> </svg> <span>Filter</span> </a> <div class="filterbox-wrapper"> <button class="close-filter-btn" data-toggle="filter" aria-label="Zatvori filter">×</button> <div class="filter-overlay" data-toggle="filter"></div> <div class="filterBox"> <form action="/catalog/categories/read/1?page=12" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> <div itemscope itemtype="http://schema.org/ItemList"> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="1"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-image-link" itemprop="url" data-product-id="2290" data-product-name="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" aria-label="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/a8099caa.1754488110/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8.jpg" alt="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-title">Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token185575452" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2290" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="ae84029ab1f45da22dcda588164c55e8dc6eb07c%3AItem.product_id%7CItem.quantity" id="TokenFields1341546129" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1291373395" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222290%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1180480742"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2290" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2290" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2290" data-product-title="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-image-link" itemprop="url" data-product-id="2285" data-product-name="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" aria-label="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/f68ffe18.1754488109/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit.jpg" alt="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-title">Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token11698842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2285" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="15e579d477d321dc62fba9f6babc82a49d58f6bb%3AItem.product_id%7CItem.quantity" id="TokenFields1079058997" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked291148262" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222285%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug559341223"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2285" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2285" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2285" data-product-title="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-image-link" itemprop="url" data-product-id="1760" data-product-name="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" aria-label="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/25ac7b81.1754487026/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan.jpg" alt="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-title">Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1185931066" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1760" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="c32433cc8818603cc313a770cfe07d62c82db04c%3AItem.product_id%7CItem.quantity" id="TokenFields2010586411" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1647535709" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221760%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug584461774"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1760" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1760" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1760" data-product-title="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="4"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-image-link" itemprop="url" data-product-id="1808" data-product-name="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" aria-label="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-price="108.69"><img src="https://laptopshop.ba/tmp/cache/img/04f6d808.1754487124/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-title">Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 108,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="108.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token931472418" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1808" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6562ca6661dee94956dfca825d81785a4dd5a9a8%3AItem.product_id%7CItem.quantity" id="TokenFields1510332707" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1526477092" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221808%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1509531283"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1808" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1808" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1808" data-product-title="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-image-link" itemprop="url" data-product-id="1281" data-product-name="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" aria-label="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/8d8da2dc.1754466694/lorgar-lrg-ghs702_1752243683.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-title">LORGAR Noah 702 Bežične Gaming Slušalice - Crne</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bežična sloboda </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izuzetna udobnost </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/lorgar.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1515494310" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1281" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="0a61c4144eb4b9d1eb33c4aa530bd028af20d45a%3AItem.product_id%7CItem.quantity" id="TokenFields80386910" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1355012168" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1504255548"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1281" data-product-title="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="6"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-image-link" itemprop="url" data-product-id="2523" data-product-name="ASUS Dual-Band USB Adapter AC1300, USB 3.0" aria-label="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/af04ad77.1754489669/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz.jpg" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-title">ASUS Dual-Band USB Adapter AC1300, USB 3.0</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dvopojasna bežična veza </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Do 1300 Mbps brzine </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> USB 3.0 za brži prijenos </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Jednostavna instalacija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1537518174" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2523" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="11df8f6fdaf824d692c9f17b275b5fcc8eeb8171%3AItem.product_id%7CItem.quantity" id="TokenFields1068525540" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked578087005" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222523%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug24162887"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2523" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2523" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2523" data-product-title="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-category="mrezne-kartice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-image-link" itemprop="url" data-product-id="1886" data-product-name="COUGAR GAMING CGR-2GA5B-RGB" aria-label="COUGAR GAMING CGR-2GA5B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/a1c1370b.1754487221/cougar-gaming-cgr-2ga5b-rgb_1754487221.png" alt="COUGAR GAMING CGR-2GA5B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-title">COUGAR GAMING CGR-2GA5B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1317193850" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1886" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="3f15e8cc97d5b0ff7e3f157a01fa947773b4f2a0%3AItem.product_id%7CItem.quantity" id="TokenFields1087827028" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1161586131" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221886%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug524562109"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1886" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1886" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1886" data-product-title="COUGAR GAMING CGR-2GA5B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-image-link" itemprop="url" data-product-id="1883" data-product-name="COUGAR GAMING CGR-5PC4B-RGB" aria-label="COUGAR GAMING CGR-5PC4B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/066e2443.1754487219/cougar-gaming-cgr-5pc4b-rgb_1754487219.png" alt="COUGAR GAMING CGR-5PC4B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-title">COUGAR GAMING CGR-5PC4B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token2119274712" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1883" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="13e663fe22000b0c2677bfcffa8ba4aa086f4466%3AItem.product_id%7CItem.quantity" id="TokenFields2002430620" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2042493873" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221883%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug621141524"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1883" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1883" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1883" data-product-title="COUGAR GAMING CGR-5PC4B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-image-link" itemprop="url" data-product-id="2377" data-product-name="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" aria-label="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/6b733a97.1754488178/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write.jpg" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-title">SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/samsung.png" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token365487156" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2377" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="b0953921eef57c117e1cd82c89775f25d76c722d%3AItem.product_id%7CItem.quantity" id="TokenFields1532407480" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1634658284" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222377%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug944679554"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2377" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2377" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2377" data-product-title="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-image-link" itemprop="url" data-product-id="1832" data-product-name="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," aria-label="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/a7f40375.1754487134/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31.jpg" alt="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-title">LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token155564160" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1832" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6c49a4319e20eec9b1a39d0f8cf4a818c3b9bf12%3AItem.product_id%7CItem.quantity" id="TokenFields301499241" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked595298511" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221832%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1845946657"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1832" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1832" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1832" data-product-title="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="11"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-image-link" itemprop="url" data-product-id="2292" data-product-name="Patriot RAM 16GB 3200MHz SODIM" aria-label="Patriot RAM 16GB 3200MHz SODIM" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/f473b986.1754488110/patriot-ram-16gb-3200mhz-sodim.png" alt="Patriot RAM 16GB 3200MHz SODIM" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-title">Patriot RAM 16GB 3200MHz SODIM</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token642543925" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2292" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="68eb4d4a585ea9feacf30b33f89236b9d56c461b%3AItem.product_id%7CItem.quantity" id="TokenFields1978140024" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1260238187" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222292%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug742997823"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2292" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2292" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2292" data-product-title="Patriot RAM 16GB 3200MHz SODIM" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="12"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/network/ruteri/mercusys-mb230-4g" class="product-image-link" itemprop="url" data-product-id="2592" data-product-name="MERCUSYS MB230-4G" aria-label="MERCUSYS MB230-4G" data-product-price="113.53"><img src="https://laptopshop.ba/tmp/cache/img/e649b9c7.1754489779/mercusys-mb230-4g_1754489779.png" alt="MERCUSYS MB230-4G" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/mercusys-mb230-4g" class="product-title">MERCUSYS MB230-4G</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 113,53 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="113.53" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 121,38 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token110557588" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2592" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="1ed975c53948d7f79141f01122c60f8eedddaf12%3AItem.product_id%7CItem.quantity" id="TokenFields1474211950" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked689621055" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222592%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug403380969"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2592" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2592" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2592" data-product-title="MERCUSYS MB230-4G" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> </div> </div> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> </div> </div> </div> </div> <!-- BEGIN /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><script> dataLayer.push({ 'ecommerce': { 'impressions': [{"name":"Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8","id":2290,"price":105.6700000000000017053025658242404460906982421875},{"name":"Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit","id":2285,"price":105.6700000000000017053025658242404460906982421875},{"name":"Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan","id":1760,"price":105.6700000000000017053025658242404460906982421875},{"name":"Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy","id":1808,"price":108.68999999999999772626324556767940521240234375},{"name":"LORGAR Noah 702 Be\u017ei\u010dne Gaming Slu\u0161alice - Crne","id":1281,"price":109},{"name":"ASUS Dual-Band USB Adapter AC1300, USB 3.0","id":2523,"price":109},{"name":"COUGAR GAMING CGR-2GA5B-RGB","id":1886,"price":109.2300000000000039790393202565610408782958984375},{"name":"COUGAR GAMING CGR-5PC4B-RGB","id":1883,"price":109.2300000000000039790393202565610408782958984375},{"name":"SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB\/s read,530MB\/s write","id":2377,"price":110.7099999999999937472239253111183643341064453125},{"name":"LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,","id":1832,"price":110.7099999999999937472239253111183643341064453125},{"name":"Patriot RAM 16GB 3200MHz SODIM","id":2292,"price":110.7099999999999937472239253111183643341064453125},{"name":"MERCUSYS MB230-4G","id":2592,"price":113.530000000000001136868377216160297393798828125}] } }); </script><!-- END /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp -->', 'scripts_for_layout' => '', 'title_for_layout' => 'Categories' ) view => 'read' layout => 'default' layoutPath => null autoLayout => true ext => '.ctp' subDir => null theme => 'GameComputerStore' cacheAction => false validationErrors => array( 'Session' => array([maximum depth reached]), 'User' => array([maximum depth reached]), 'EmailVerification' => array([maximum depth reached]), 'PasswordRequest' => array([maximum depth reached]) ) hasRendered => false uuids => array() request => object(CakeRequest) {} response => object(CakeResponse) {} elementCache => 'default' elementCacheSettings => array() ProperQueryString => object(ProperQueryStringHelper) {} modelScope => false Number => object(NumberHelper) {} product => object(ProductHelper) {} __viewFile => '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp' [protected] _passedVars => array( (int) 0 => 'viewVars', (int) 1 => 'autoLayout', (int) 2 => 'ext', (int) 3 => 'helpers', (int) 4 => 'view', (int) 5 => 'layout', (int) 6 => 'name', (int) 7 => 'theme', (int) 8 => 'layoutPath', (int) 9 => 'viewPath', (int) 10 => 'request', (int) 11 => 'plugin', (int) 12 => 'passedArgs', (int) 13 => 'cacheAction' ) [protected] _scripts => array() [protected] _paths => array() [protected] _pathsForPlugin => array( 'Catalog' => array( [maximum depth reached] ), 'Scaffold' => array( [maximum depth reached] ), 'CatalogReview' => array( [maximum depth reached] ), 'Review' => array( [maximum depth reached] ), 'GoogleTagManager' => array( [maximum depth reached] ), 'Navigation' => array( [maximum depth reached] ), 'Cart' => array( [maximum depth reached] ), 'Profile' => array( [maximum depth reached] ), 'CpsWebshop' => array( [maximum depth reached] ) ) [protected] _parents => array( '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/default.ctp' => '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp' ) [protected] _current => '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp' [protected] _currentType => 'layout' [protected] _stack => array( (int) 0 => '<!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp --> <div class="breadcrumbBox"> <div class="container container-mobile"> <div class="row"> <div class="col-xs-12"> <div class="breadcrumb"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <div class="crumb"> <span>Novi Televizori </span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <div class="facebook-liken"> <div class="facebook-like"> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https://laptopshop.ba/catalog/categories/read/1" class="loginBtn loginBtn--facebook facebook-button"> Dijeli </a> </div> <div class="facebook-like liken"> <a target="_blank" href="https://www.facebook.com/laptopshop" class="loginBtn loginBtn--facebook facebook-button"> Lajkajte nas na Facebooku </a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="navigation-head mobile-top-70"> <div class="nav-main-row"> <span class="back-to-category"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#0090e3" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 10.01c0 .546.224 1.068.62 1.444l7.97 7.58a1.995 1.995 0 0 0 2.75-2.89l-6.453-6.137 6.454-6.152A1.995 1.995 0 0 0 11.088.968l-7.97 7.597A2 2 0 0 0 2.5 10.01"></path></svg> </span> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <a href="https://laptopshop.ba/catalog/categories/read/1"> <span>Novi Televizori </span> </a> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --><li> <div> <span>MERCUSYS MB230-4G</span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <ol class="show-all additional-links"> <li><a href="https://laptopshop.ba/laptop-savjetnik">Laptop Savjetnik</a></li> <li><a href="https://laptopshop.ba/racunari/desktop-racunari">Desktop računari</a></li> <li><a href="https://laptopshop.ba/racunari/gaming-racunari">Gaming računari</a></li> <li><a href="https://laptopshop.ba/komponente">Komponente</a></li> </ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <div class="fb-like"> </div> <div class="fb-share-button"> </div> </div> <div class="col-md-3"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --><a class="filterbtn" href="javascript:void(0);" data-toggle="filter"><span class="fa fa-filter"></span>Filter</a> <a href="javascript:void(0);" class="floating-filter-btn" data-toggle="filter"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <path fill-rule="evenodd" d="M10.957 1.74c.486 0 .87.382.87.87 0 .486-.384.868-.87.868-.487 0-.87-.382-.87-.87 0-.486.383-.87.87-.87M.87 3.48h7.617c.348 1.01 1.322 1.74 2.47 1.74 1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.87-.87-.87h-1.704C13.078.73 12.104 0 10.956 0 9.81 0 8.87.73 8.487 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.868.87.868M5.913 8c0 .487-.383.87-.87.87-.486 0-.87-.383-.87-.87s.384-.87.87-.87c.487 0 .87.383.87.87M16 8c0-.487-.383-.87-.87-.87H7.513c-.348-1.008-1.322-1.74-2.47-1.74-1.147 0-2.086.732-2.47 1.74H.87C.383 7.13 0 7.513 0 8s.383.87.87.87h1.704c.348 1.008 1.322 1.74 2.47 1.74 1.147 0 2.086-.732 2.47-1.74h7.616c.487 0 .87-.383.87-.87m-5.043 4.522c.486 0 .87.382.87.87 0 .486-.384.87-.87.87-.487 0-.87-.384-.87-.87 0-.488.383-.87.87-.87M.87 14.262h7.617C8.835 15.27 9.81 16 10.957 16c1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.868-.87-.868h-1.704c-.348-1.01-1.322-1.74-2.47-1.74-1.147 0-2.086.73-2.47 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.87.87.87"></path> </svg> </svg> <span>Filter</span> </a> <div class="filterbox-wrapper"> <button class="close-filter-btn" data-toggle="filter" aria-label="Zatvori filter">×</button> <div class="filter-overlay" data-toggle="filter"></div> <div class="filterBox"> <form action="/catalog/categories/read/1?page=12" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> <div itemscope itemtype="http://schema.org/ItemList"> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="1"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-image-link" itemprop="url" data-product-id="2290" data-product-name="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" aria-label="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/a8099caa.1754488110/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8.jpg" alt="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-title">Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token185575452" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2290" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="ae84029ab1f45da22dcda588164c55e8dc6eb07c%3AItem.product_id%7CItem.quantity" id="TokenFields1341546129" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1291373395" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222290%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1180480742"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2290" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2290" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2290" data-product-title="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-image-link" itemprop="url" data-product-id="2285" data-product-name="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" aria-label="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/f68ffe18.1754488109/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit.jpg" alt="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-title">Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token11698842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2285" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="15e579d477d321dc62fba9f6babc82a49d58f6bb%3AItem.product_id%7CItem.quantity" id="TokenFields1079058997" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked291148262" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222285%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug559341223"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2285" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2285" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2285" data-product-title="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-image-link" itemprop="url" data-product-id="1760" data-product-name="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" aria-label="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/25ac7b81.1754487026/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan.jpg" alt="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-title">Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1185931066" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1760" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="c32433cc8818603cc313a770cfe07d62c82db04c%3AItem.product_id%7CItem.quantity" id="TokenFields2010586411" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1647535709" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221760%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug584461774"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1760" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1760" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1760" data-product-title="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="4"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-image-link" itemprop="url" data-product-id="1808" data-product-name="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" aria-label="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-price="108.69"><img src="https://laptopshop.ba/tmp/cache/img/04f6d808.1754487124/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-title">Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 108,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="108.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token931472418" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1808" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6562ca6661dee94956dfca825d81785a4dd5a9a8%3AItem.product_id%7CItem.quantity" id="TokenFields1510332707" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1526477092" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221808%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1509531283"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1808" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1808" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1808" data-product-title="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-image-link" itemprop="url" data-product-id="1281" data-product-name="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" aria-label="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/8d8da2dc.1754466694/lorgar-lrg-ghs702_1752243683.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-title">LORGAR Noah 702 Bežične Gaming Slušalice - Crne</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bežična sloboda </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izuzetna udobnost </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/lorgar.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1515494310" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1281" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="0a61c4144eb4b9d1eb33c4aa530bd028af20d45a%3AItem.product_id%7CItem.quantity" id="TokenFields80386910" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1355012168" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1504255548"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1281" data-product-title="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="6"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-image-link" itemprop="url" data-product-id="2523" data-product-name="ASUS Dual-Band USB Adapter AC1300, USB 3.0" aria-label="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/af04ad77.1754489669/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz.jpg" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-title">ASUS Dual-Band USB Adapter AC1300, USB 3.0</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dvopojasna bežična veza </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Do 1300 Mbps brzine </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> USB 3.0 za brži prijenos </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Jednostavna instalacija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1537518174" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2523" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="11df8f6fdaf824d692c9f17b275b5fcc8eeb8171%3AItem.product_id%7CItem.quantity" id="TokenFields1068525540" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked578087005" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222523%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug24162887"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2523" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2523" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2523" data-product-title="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-category="mrezne-kartice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-image-link" itemprop="url" data-product-id="1886" data-product-name="COUGAR GAMING CGR-2GA5B-RGB" aria-label="COUGAR GAMING CGR-2GA5B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/a1c1370b.1754487221/cougar-gaming-cgr-2ga5b-rgb_1754487221.png" alt="COUGAR GAMING CGR-2GA5B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-title">COUGAR GAMING CGR-2GA5B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1317193850" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1886" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="3f15e8cc97d5b0ff7e3f157a01fa947773b4f2a0%3AItem.product_id%7CItem.quantity" id="TokenFields1087827028" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1161586131" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221886%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug524562109"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1886" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1886" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1886" data-product-title="COUGAR GAMING CGR-2GA5B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-image-link" itemprop="url" data-product-id="1883" data-product-name="COUGAR GAMING CGR-5PC4B-RGB" aria-label="COUGAR GAMING CGR-5PC4B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/066e2443.1754487219/cougar-gaming-cgr-5pc4b-rgb_1754487219.png" alt="COUGAR GAMING CGR-5PC4B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-title">COUGAR GAMING CGR-5PC4B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token2119274712" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1883" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="13e663fe22000b0c2677bfcffa8ba4aa086f4466%3AItem.product_id%7CItem.quantity" id="TokenFields2002430620" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2042493873" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221883%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug621141524"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1883" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1883" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1883" data-product-title="COUGAR GAMING CGR-5PC4B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-image-link" itemprop="url" data-product-id="2377" data-product-name="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" aria-label="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/6b733a97.1754488178/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write.jpg" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-title">SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/samsung.png" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token365487156" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2377" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="b0953921eef57c117e1cd82c89775f25d76c722d%3AItem.product_id%7CItem.quantity" id="TokenFields1532407480" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1634658284" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222377%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug944679554"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2377" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2377" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2377" data-product-title="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-image-link" itemprop="url" data-product-id="1832" data-product-name="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," aria-label="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/a7f40375.1754487134/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31.jpg" alt="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-title">LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token155564160" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1832" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6c49a4319e20eec9b1a39d0f8cf4a818c3b9bf12%3AItem.product_id%7CItem.quantity" id="TokenFields301499241" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked595298511" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221832%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1845946657"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1832" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1832" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1832" data-product-title="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="11"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-image-link" itemprop="url" data-product-id="2292" data-product-name="Patriot RAM 16GB 3200MHz SODIM" aria-label="Patriot RAM 16GB 3200MHz SODIM" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/f473b986.1754488110/patriot-ram-16gb-3200mhz-sodim.png" alt="Patriot RAM 16GB 3200MHz SODIM" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-title">Patriot RAM 16GB 3200MHz SODIM</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token642543925" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2292" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="68eb4d4a585ea9feacf30b33f89236b9d56c461b%3AItem.product_id%7CItem.quantity" id="TokenFields1978140024" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1260238187" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222292%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug742997823"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2292" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2292" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2292" data-product-title="Patriot RAM 16GB 3200MHz SODIM" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="12"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/network/ruteri/mercusys-mb230-4g" class="product-image-link" itemprop="url" data-product-id="2592" data-product-name="MERCUSYS MB230-4G" aria-label="MERCUSYS MB230-4G" data-product-price="113.53"><img src="https://laptopshop.ba/tmp/cache/img/e649b9c7.1754489779/mercusys-mb230-4g_1754489779.png" alt="MERCUSYS MB230-4G" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/mercusys-mb230-4g" class="product-title">MERCUSYS MB230-4G</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 113,53 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="113.53" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 121,38 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token110557588" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2592" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="1ed975c53948d7f79141f01122c60f8eedddaf12%3AItem.product_id%7CItem.quantity" id="TokenFields1474211950" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked689621055" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222592%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug403380969"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2592" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2592" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2592" data-product-title="MERCUSYS MB230-4G" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> </div> </div> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> </div> </div> </div> </div> <!-- BEGIN /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><script> dataLayer.push({ 'ecommerce': { 'impressions': [{"name":"Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8","id":2290,"price":105.6700000000000017053025658242404460906982421875},{"name":"Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit","id":2285,"price":105.6700000000000017053025658242404460906982421875},{"name":"Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan","id":1760,"price":105.6700000000000017053025658242404460906982421875},{"name":"Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy","id":1808,"price":108.68999999999999772626324556767940521240234375},{"name":"LORGAR Noah 702 Be\u017ei\u010dne Gaming Slu\u0161alice - Crne","id":1281,"price":109},{"name":"ASUS Dual-Band USB Adapter AC1300, USB 3.0","id":2523,"price":109},{"name":"COUGAR GAMING CGR-2GA5B-RGB","id":1886,"price":109.2300000000000039790393202565610408782958984375},{"name":"COUGAR GAMING CGR-5PC4B-RGB","id":1883,"price":109.2300000000000039790393202565610408782958984375},{"name":"SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB\/s read,530MB\/s write","id":2377,"price":110.7099999999999937472239253111183643341064453125},{"name":"LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,","id":1832,"price":110.7099999999999937472239253111183643341064453125},{"name":"Patriot RAM 16GB 3200MHz SODIM","id":2292,"price":110.7099999999999937472239253111183643341064453125},{"name":"MERCUSYS MB230-4G","id":2592,"price":113.530000000000001136868377216160297393798828125}] } }); </script><!-- END /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp -->' ) [protected] _eventManager => object(CakeEventManager) {} [protected] _eventManagerConfigured => true [protected] _normalizedHelperCollection => array( 'Product' => object(ProductHelper) {}, 'Category' => object(CategoryHelper) {}, 'Label' => array( [maximum depth reached] ), 'HtmlFilter' => array( [maximum depth reached] ), 'FacebookChat' => array( [maximum depth reached] ), 'HoneyPot' => array( [maximum depth reached] ), 'Html' => object(CacheHtmlHelper) {}, 'Form' => object(CacheFormHelper) {}, 'Paginator' => object(CachePaginatorHelper) {}, 'Session' => object(SessionHelper) {}, 'Flash' => array( [maximum depth reached] ), 'PageTemplate' => array( [maximum depth reached] ), 'PageRegion' => array( [maximum depth reached] ), 'PageBlock' => array( [maximum depth reached] ), 'TextBlock' => array( [maximum depth reached] ), 'CategoryBlock' => array( [maximum depth reached] ), 'Site' => object(SiteHelper) {}, 'Meta' => object(MetaHelper) {}, 'StructuredData' => array( [maximum depth reached] ), 'AjaxForm' => array( [maximum depth reached] ), 'Crudl' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ), 'EnableDisable' => array( [maximum depth reached] ), 'Filter' => object(FilterHelper) {}, 'FirstCharFilter' => array( [maximum depth reached] ), 'Grid' => array( [maximum depth reached] ), 'Paginate' => object(PaginateHelper) {}, 'Select' => array( [maximum depth reached] ), 'Sort' => array( [maximum depth reached] ), 'Sortable' => array( [maximum depth reached] ), 'Sorter' => array( [maximum depth reached] ), 'Faq' => array( [maximum depth reached] ), 'Menu' => object(MenuHelper) {}, 'Language' => array( [maximum depth reached] ), 'I18nDate' => array( [maximum depth reached] ), 'Region' => array( [maximum depth reached] ), 'Translatable' => array( [maximum depth reached] ), 'DateTime' => array( [maximum depth reached] ), 'HttpAccess' => object(HttpAccessHelper) {}, 'AccessDecision' => array( [maximum depth reached] ), 'Access' => array( [maximum depth reached] ), 'User' => array( [maximum depth reached] ), 'FileSystem' => array( [maximum depth reached] ), 'PageMedia' => array( [maximum depth reached] ), 'ContactInformationBlock' => array( [maximum depth reached] ), 'ProductReviewBlock' => array( [maximum depth reached] ), 'ReviewBlock' => array( [maximum depth reached] ), 'ShopFeaturedBlock' => array( [maximum depth reached] ), 'Address' => array( [maximum depth reached] ), 'Asset' => array( [maximum depth reached] ), 'Color' => array( [maximum depth reached] ), 'File' => array( [maximum depth reached] ), 'GoogleTagManager' => object(GoogleTagManagerHelper) {}, 'Image' => object(ImageHelper) {}, 'ImageHtmlFilter' => array( [maximum depth reached] ), 'Money' => object(MoneyHelper) {}, 'Navigation' => object(NavigationHelper) {}, 'Newsletter' => array( [maximum depth reached] ), 'UserLanguage' => array( [maximum depth reached] ), 'ProfileImage' => array( [maximum depth reached] ), 'Profile' => object(ProfileHelper) {}, 'ProfileAddress' => array( [maximum depth reached] ), 'ProfilePhonenumber' => array( [maximum depth reached] ), 'ProfileEmailAddress' => array( [maximum depth reached] ), 'Property' => array( [maximum depth reached] ), 'PropertyAdmin' => array( [maximum depth reached] ), 'Search' => array( [maximum depth reached] ), 'SiteCss' => array( [maximum depth reached] ), 'TreeDisplay' => array( [maximum depth reached] ), 'MaterialImage' => array( [maximum depth reached] ), 'Pricing' => object(PricingHelper) {}, 'Shop' => array( [maximum depth reached] ), 'Cart' => object(CartHelper) {}, 'CartAssemblage' => array( [maximum depth reached] ), 'CartsPromoProduct' => array( [maximum depth reached] ), 'Order' => array( [maximum depth reached] ), 'OrderLine' => array( [maximum depth reached] ), 'Checkout' => array( [maximum depth reached] ), 'Assembly' => object(CatalogAssemblyHelper) {}, 'Assemblage' => array( [maximum depth reached] ), 'PartRelations' => array( [maximum depth reached] ), 'ProductSet' => array( [maximum depth reached] ), 'PropertySet' => array( [maximum depth reached] ), 'PartSelectionProductSet' => array( [maximum depth reached] ), 'PropertyKeySetting' => array( [maximum depth reached] ), 'Review' => object(ReviewHelper) {}, 'ProductReview' => object(ProductReviewHelper) {}, 'Customer' => array( [maximum depth reached] ), 'CustomerAddress' => array( [maximum depth reached] ), 'Helpdesk' => array( [maximum depth reached] ), 'HelpdeskProperty' => array( [maximum depth reached] ), 'HelpdeskPropertyAdmin' => array( [maximum depth reached] ), 'Invoice' => array( [maximum depth reached] ), 'Payment' => array( [maximum depth reached] ), 'PartialPayment' => array( [maximum depth reached] ), 'Shipment' => array( [maximum depth reached] ), 'ShipmentParcel' => array( [maximum depth reached] ), 'OrderDeliveryCalculator' => object(OrderDeliveryCalculatorHelper) {}, 'ProductGoals' => array( [maximum depth reached] ), 'SaleStatistics' => array( [maximum depth reached] ), 'SaleRule' => array( [maximum depth reached] ), 'SaleShipment' => array( [maximum depth reached] ), 'FeaturedSet' => array( [maximum depth reached] ), 'SprayPay' => object(SprayPayHelper) {}, 'StockPick' => array( [maximum depth reached] ), 'Pick' => array( [maximum depth reached] ), 'TrustedShops' => array( [maximum depth reached] ) ) } $site = object(Site\Model\Entity\Site) { [protected] _properties => array( 'id' => (int) 1, 'site_group_id' => (int) 1, 'domain' => 'LaptopShop.ba', 'title' => 'LaptopShop.ba', 'payoff' => 'LaptopShop.ba', 'theme' => 'GameComputerStore', 'email' => '[email protected]', 'created' => object(Cake\I18n\Time) {}, 'updated' => object(Cake\I18n\Time) {} ) [protected] _original => array() [protected] _hidden => array() [protected] _virtual => array() [protected] _className => null [protected] _dirty => array() [protected] _accessors => array( 'Site\Model\Entity\Site' => array( [maximum depth reached] ), 'Shop\Model\Entity\Shop' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Product' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Category' => array( [maximum depth reached] ), 'Catalog\Model\Entity\CategoriesProduct' => array( [maximum depth reached] ), 'Page\Model\Entity\Page' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Catalog' => array( [maximum depth reached] ), 'SiteFaq\Model\Entity\SiteFaq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Faq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Category' => array( [maximum depth reached] ), 'Faq\Model\Entity\Item' => array( [maximum depth reached] ), 'Faq\Model\Entity\CategoryItem' => array( [maximum depth reached] ), 'Locale\Model\Entity\Language' => array( [maximum depth reached] ), 'CatalogProperty\Model\Entity\PropertyKey' => array( [maximum depth reached] ), 'Shop\Model\Entity\ShopsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Pricelist' => array( [maximum depth reached] ), 'Merchant\Model\Entity\Merchant' => array( [maximum depth reached] ), 'Pricing\Model\Entity\MerchantsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\ProductPrice' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Vat' => array( [maximum depth reached] ), 'CatalogReview\Model\Entity\ProductsReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\ReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\Review' => array( [maximum depth reached] ), 'Stock\Model\Entity\StockItem' => array( [maximum depth reached] ), 'Menu\Model\Entity\Menu' => array( [maximum depth reached] ), 'Menu\Model\Entity\Item' => array( [maximum depth reached] ), 'Route\Model\Entity\Route' => array( [maximum depth reached] ), 'Cart\Model\Entity\Cart' => array( [maximum depth reached] ), 'CatalogSeo\Model\Entity\CategoriesMeta' => array( [maximum depth reached] ) ) [protected] _new => false [protected] _errors => array() [protected] _invalid => array() [protected] _accessible => array( '*' => true ) [protected] _registryAlias => 'Site.Sites' [protected] _unsetProperties => array() } $meta = nullPhpReader::{closure}() - APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14 MetaHelper::getMeta() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 33 MetaHelper::getMetaForCurrentPage() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 64 include - APP/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp, line 4 View::_evaluate() - CORE/Cake/View/View.php, line 971 View::_render() - CORE/Cake/View/View.php, line 933 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::_render() - CORE/Cake/View/View.php, line 945 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::renderLayout() - CORE/Cake/View/View.php, line 546 View::render() - CORE/Cake/View/View.php, line 481 Controller::render() - CORE/Cake/Controller/Controller.php, line 968 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167 SystemDispatcher::dispatch() - APP/Plugin/Module/System/Routing/SystemDispatcher.php, line 41 [main] - APP/webroot/index.php, line 60
Warning (2): Creating default object from empty value [APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14]Code Context}$meta = TableRegistry::get('CatalogSeo.CategoriesMetas')->getMetaForCategory($view->params['pass'][0]);$meta->title = $meta->title;$view = object(PluginThemeView) { Helpers => object(HelperCollection) {} Blocks => object(ViewBlock) {} plugin => 'Catalog' name => 'Categories' passedArgs => array( (int) 0 => '1' ) helpers => array( 'Filter' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ) ) viewPath => 'Categories' viewVars => array( 'filterPropertyKeys' => object(Cake\ORM\ResultSet) {}, 'filterCounts' => array( [maximum depth reached] ), 'fieldCounts' => array( [maximum depth reached] ), 'pageCount' => (float) 53, 'products' => object(Cake\ORM\ResultSet) {}, 'categories' => object(Cake\ORM\ResultSet) {}, 'category' => object(Catalog\Model\Entity\Category) {}, 'cookieConsentStatus' => 'allow', 'content_for_layout' => '<!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp --> <div class="breadcrumbBox"> <div class="container container-mobile"> <div class="row"> <div class="col-xs-12"> <div class="breadcrumb"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <div class="crumb"> <span>Novi Televizori </span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <div class="facebook-liken"> <div class="facebook-like"> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https://laptopshop.ba/catalog/categories/read/1" class="loginBtn loginBtn--facebook facebook-button"> Dijeli </a> </div> <div class="facebook-like liken"> <a target="_blank" href="https://www.facebook.com/laptopshop" class="loginBtn loginBtn--facebook facebook-button"> Lajkajte nas na Facebooku </a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="navigation-head mobile-top-70"> <div class="nav-main-row"> <span class="back-to-category"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#0090e3" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 10.01c0 .546.224 1.068.62 1.444l7.97 7.58a1.995 1.995 0 0 0 2.75-2.89l-6.453-6.137 6.454-6.152A1.995 1.995 0 0 0 11.088.968l-7.97 7.597A2 2 0 0 0 2.5 10.01"></path></svg> </span> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <a href="https://laptopshop.ba/catalog/categories/read/1"> <span>Novi Televizori </span> </a> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --><li> <div> <span>MERCUSYS MB230-4G</span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <ol class="show-all additional-links"> <li><a href="https://laptopshop.ba/laptop-savjetnik">Laptop Savjetnik</a></li> <li><a href="https://laptopshop.ba/racunari/desktop-racunari">Desktop računari</a></li> <li><a href="https://laptopshop.ba/racunari/gaming-racunari">Gaming računari</a></li> <li><a href="https://laptopshop.ba/komponente">Komponente</a></li> </ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <div class="fb-like"> </div> <div class="fb-share-button"> </div> </div> <div class="col-md-3"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --><a class="filterbtn" href="javascript:void(0);" data-toggle="filter"><span class="fa fa-filter"></span>Filter</a> <a href="javascript:void(0);" class="floating-filter-btn" data-toggle="filter"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <path fill-rule="evenodd" d="M10.957 1.74c.486 0 .87.382.87.87 0 .486-.384.868-.87.868-.487 0-.87-.382-.87-.87 0-.486.383-.87.87-.87M.87 3.48h7.617c.348 1.01 1.322 1.74 2.47 1.74 1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.87-.87-.87h-1.704C13.078.73 12.104 0 10.956 0 9.81 0 8.87.73 8.487 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.868.87.868M5.913 8c0 .487-.383.87-.87.87-.486 0-.87-.383-.87-.87s.384-.87.87-.87c.487 0 .87.383.87.87M16 8c0-.487-.383-.87-.87-.87H7.513c-.348-1.008-1.322-1.74-2.47-1.74-1.147 0-2.086.732-2.47 1.74H.87C.383 7.13 0 7.513 0 8s.383.87.87.87h1.704c.348 1.008 1.322 1.74 2.47 1.74 1.147 0 2.086-.732 2.47-1.74h7.616c.487 0 .87-.383.87-.87m-5.043 4.522c.486 0 .87.382.87.87 0 .486-.384.87-.87.87-.487 0-.87-.384-.87-.87 0-.488.383-.87.87-.87M.87 14.262h7.617C8.835 15.27 9.81 16 10.957 16c1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.868-.87-.868h-1.704c-.348-1.01-1.322-1.74-2.47-1.74-1.147 0-2.086.73-2.47 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.87.87.87"></path> </svg> </svg> <span>Filter</span> </a> <div class="filterbox-wrapper"> <button class="close-filter-btn" data-toggle="filter" aria-label="Zatvori filter">×</button> <div class="filter-overlay" data-toggle="filter"></div> <div class="filterBox"> <form action="/catalog/categories/read/1?page=12" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> <div itemscope itemtype="http://schema.org/ItemList"> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="1"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-image-link" itemprop="url" data-product-id="2290" data-product-name="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" aria-label="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/a8099caa.1754488110/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8.jpg" alt="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-title">Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token185575452" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2290" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="ae84029ab1f45da22dcda588164c55e8dc6eb07c%3AItem.product_id%7CItem.quantity" id="TokenFields1341546129" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1291373395" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222290%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1180480742"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2290" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2290" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2290" data-product-title="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-image-link" itemprop="url" data-product-id="2285" data-product-name="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" aria-label="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/f68ffe18.1754488109/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit.jpg" alt="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-title">Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token11698842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2285" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="15e579d477d321dc62fba9f6babc82a49d58f6bb%3AItem.product_id%7CItem.quantity" id="TokenFields1079058997" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked291148262" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222285%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug559341223"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2285" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2285" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2285" data-product-title="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-image-link" itemprop="url" data-product-id="1760" data-product-name="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" aria-label="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/25ac7b81.1754487026/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan.jpg" alt="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-title">Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1185931066" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1760" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="c32433cc8818603cc313a770cfe07d62c82db04c%3AItem.product_id%7CItem.quantity" id="TokenFields2010586411" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1647535709" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221760%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug584461774"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1760" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1760" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1760" data-product-title="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="4"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-image-link" itemprop="url" data-product-id="1808" data-product-name="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" aria-label="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-price="108.69"><img src="https://laptopshop.ba/tmp/cache/img/04f6d808.1754487124/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-title">Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 108,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="108.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token931472418" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1808" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6562ca6661dee94956dfca825d81785a4dd5a9a8%3AItem.product_id%7CItem.quantity" id="TokenFields1510332707" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1526477092" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221808%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1509531283"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1808" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1808" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1808" data-product-title="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-image-link" itemprop="url" data-product-id="1281" data-product-name="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" aria-label="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/8d8da2dc.1754466694/lorgar-lrg-ghs702_1752243683.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-title">LORGAR Noah 702 Bežične Gaming Slušalice - Crne</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bežična sloboda </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izuzetna udobnost </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/lorgar.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1515494310" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1281" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="0a61c4144eb4b9d1eb33c4aa530bd028af20d45a%3AItem.product_id%7CItem.quantity" id="TokenFields80386910" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1355012168" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1504255548"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1281" data-product-title="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="6"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-image-link" itemprop="url" data-product-id="2523" data-product-name="ASUS Dual-Band USB Adapter AC1300, USB 3.0" aria-label="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/af04ad77.1754489669/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz.jpg" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-title">ASUS Dual-Band USB Adapter AC1300, USB 3.0</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dvopojasna bežična veza </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Do 1300 Mbps brzine </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> USB 3.0 za brži prijenos </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Jednostavna instalacija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1537518174" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2523" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="11df8f6fdaf824d692c9f17b275b5fcc8eeb8171%3AItem.product_id%7CItem.quantity" id="TokenFields1068525540" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked578087005" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222523%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug24162887"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2523" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2523" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2523" data-product-title="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-category="mrezne-kartice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-image-link" itemprop="url" data-product-id="1886" data-product-name="COUGAR GAMING CGR-2GA5B-RGB" aria-label="COUGAR GAMING CGR-2GA5B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/a1c1370b.1754487221/cougar-gaming-cgr-2ga5b-rgb_1754487221.png" alt="COUGAR GAMING CGR-2GA5B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-title">COUGAR GAMING CGR-2GA5B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1317193850" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1886" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="3f15e8cc97d5b0ff7e3f157a01fa947773b4f2a0%3AItem.product_id%7CItem.quantity" id="TokenFields1087827028" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1161586131" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221886%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug524562109"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1886" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1886" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1886" data-product-title="COUGAR GAMING CGR-2GA5B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-image-link" itemprop="url" data-product-id="1883" data-product-name="COUGAR GAMING CGR-5PC4B-RGB" aria-label="COUGAR GAMING CGR-5PC4B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/066e2443.1754487219/cougar-gaming-cgr-5pc4b-rgb_1754487219.png" alt="COUGAR GAMING CGR-5PC4B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-title">COUGAR GAMING CGR-5PC4B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token2119274712" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1883" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="13e663fe22000b0c2677bfcffa8ba4aa086f4466%3AItem.product_id%7CItem.quantity" id="TokenFields2002430620" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2042493873" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221883%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug621141524"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1883" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1883" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1883" data-product-title="COUGAR GAMING CGR-5PC4B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-image-link" itemprop="url" data-product-id="2377" data-product-name="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" aria-label="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/6b733a97.1754488178/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write.jpg" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-title">SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/samsung.png" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token365487156" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2377" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="b0953921eef57c117e1cd82c89775f25d76c722d%3AItem.product_id%7CItem.quantity" id="TokenFields1532407480" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1634658284" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222377%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug944679554"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2377" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2377" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2377" data-product-title="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-image-link" itemprop="url" data-product-id="1832" data-product-name="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," aria-label="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/a7f40375.1754487134/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31.jpg" alt="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-title">LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token155564160" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1832" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6c49a4319e20eec9b1a39d0f8cf4a818c3b9bf12%3AItem.product_id%7CItem.quantity" id="TokenFields301499241" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked595298511" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221832%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1845946657"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1832" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1832" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1832" data-product-title="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="11"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-image-link" itemprop="url" data-product-id="2292" data-product-name="Patriot RAM 16GB 3200MHz SODIM" aria-label="Patriot RAM 16GB 3200MHz SODIM" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/f473b986.1754488110/patriot-ram-16gb-3200mhz-sodim.png" alt="Patriot RAM 16GB 3200MHz SODIM" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-title">Patriot RAM 16GB 3200MHz SODIM</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token642543925" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2292" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="68eb4d4a585ea9feacf30b33f89236b9d56c461b%3AItem.product_id%7CItem.quantity" id="TokenFields1978140024" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1260238187" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222292%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug742997823"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2292" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2292" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2292" data-product-title="Patriot RAM 16GB 3200MHz SODIM" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="12"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/network/ruteri/mercusys-mb230-4g" class="product-image-link" itemprop="url" data-product-id="2592" data-product-name="MERCUSYS MB230-4G" aria-label="MERCUSYS MB230-4G" data-product-price="113.53"><img src="https://laptopshop.ba/tmp/cache/img/e649b9c7.1754489779/mercusys-mb230-4g_1754489779.png" alt="MERCUSYS MB230-4G" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/mercusys-mb230-4g" class="product-title">MERCUSYS MB230-4G</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 113,53 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="113.53" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 121,38 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token110557588" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2592" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="1ed975c53948d7f79141f01122c60f8eedddaf12%3AItem.product_id%7CItem.quantity" id="TokenFields1474211950" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked689621055" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222592%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug403380969"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2592" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2592" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2592" data-product-title="MERCUSYS MB230-4G" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> </div> </div> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> </div> </div> </div> </div> <!-- BEGIN /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><script> dataLayer.push({ 'ecommerce': { 'impressions': [{"name":"Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8","id":2290,"price":105.6700000000000017053025658242404460906982421875},{"name":"Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit","id":2285,"price":105.6700000000000017053025658242404460906982421875},{"name":"Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan","id":1760,"price":105.6700000000000017053025658242404460906982421875},{"name":"Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy","id":1808,"price":108.68999999999999772626324556767940521240234375},{"name":"LORGAR Noah 702 Be\u017ei\u010dne Gaming Slu\u0161alice - Crne","id":1281,"price":109},{"name":"ASUS Dual-Band USB Adapter AC1300, USB 3.0","id":2523,"price":109},{"name":"COUGAR GAMING CGR-2GA5B-RGB","id":1886,"price":109.2300000000000039790393202565610408782958984375},{"name":"COUGAR GAMING CGR-5PC4B-RGB","id":1883,"price":109.2300000000000039790393202565610408782958984375},{"name":"SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB\/s read,530MB\/s write","id":2377,"price":110.7099999999999937472239253111183643341064453125},{"name":"LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,","id":1832,"price":110.7099999999999937472239253111183643341064453125},{"name":"Patriot RAM 16GB 3200MHz SODIM","id":2292,"price":110.7099999999999937472239253111183643341064453125},{"name":"MERCUSYS MB230-4G","id":2592,"price":113.530000000000001136868377216160297393798828125}] } }); </script><!-- END /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp -->', 'scripts_for_layout' => '', 'title_for_layout' => 'Categories' ) view => 'read' layout => 'default' layoutPath => null autoLayout => true ext => '.ctp' subDir => null theme => 'GameComputerStore' cacheAction => false validationErrors => array( 'Session' => array([maximum depth reached]), 'User' => array([maximum depth reached]), 'EmailVerification' => array([maximum depth reached]), 'PasswordRequest' => array([maximum depth reached]) ) hasRendered => false uuids => array() request => object(CakeRequest) {} response => object(CakeResponse) {} elementCache => 'default' elementCacheSettings => array() ProperQueryString => object(ProperQueryStringHelper) {} modelScope => false Number => object(NumberHelper) {} product => object(ProductHelper) {} __viewFile => '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp' [protected] _passedVars => array( (int) 0 => 'viewVars', (int) 1 => 'autoLayout', (int) 2 => 'ext', (int) 3 => 'helpers', (int) 4 => 'view', (int) 5 => 'layout', (int) 6 => 'name', (int) 7 => 'theme', (int) 8 => 'layoutPath', (int) 9 => 'viewPath', (int) 10 => 'request', (int) 11 => 'plugin', (int) 12 => 'passedArgs', (int) 13 => 'cacheAction' ) [protected] _scripts => array() [protected] _paths => array() [protected] _pathsForPlugin => array( 'Catalog' => array( [maximum depth reached] ), 'Scaffold' => array( [maximum depth reached] ), 'CatalogReview' => array( [maximum depth reached] ), 'Review' => array( [maximum depth reached] ), 'GoogleTagManager' => array( [maximum depth reached] ), 'Navigation' => array( [maximum depth reached] ), 'Cart' => array( [maximum depth reached] ), 'Profile' => array( [maximum depth reached] ), 'CpsWebshop' => array( [maximum depth reached] ) ) [protected] _parents => array( '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/default.ctp' => '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp' ) [protected] _current => '/home/laptopshop/cms/app/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp' [protected] _currentType => 'layout' [protected] _stack => array( (int) 0 => '<!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp --> <div class="breadcrumbBox"> <div class="container container-mobile"> <div class="row"> <div class="col-xs-12"> <div class="breadcrumb"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <div class="crumb"> <span>Novi Televizori </span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <div class="facebook-liken"> <div class="facebook-like"> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https://laptopshop.ba/catalog/categories/read/1" class="loginBtn loginBtn--facebook facebook-button"> Dijeli </a> </div> <div class="facebook-like liken"> <a target="_blank" href="https://www.facebook.com/laptopshop" class="loginBtn loginBtn--facebook facebook-button"> Lajkajte nas na Facebooku </a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="navigation-head mobile-top-70"> <div class="nav-main-row"> <span class="back-to-category"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#0090e3" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 10.01c0 .546.224 1.068.62 1.444l7.97 7.58a1.995 1.995 0 0 0 2.75-2.89l-6.453-6.137 6.454-6.152A1.995 1.995 0 0 0 11.088.968l-7.97 7.597A2 2 0 0 0 2.5 10.01"></path></svg> </span> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <a href="https://laptopshop.ba/catalog/categories/read/1"> <span>Novi Televizori </span> </a> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --><li> <div> <span>MERCUSYS MB230-4G</span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <ol class="show-all additional-links"> <li><a href="https://laptopshop.ba/laptop-savjetnik">Laptop Savjetnik</a></li> <li><a href="https://laptopshop.ba/racunari/desktop-racunari">Desktop računari</a></li> <li><a href="https://laptopshop.ba/racunari/gaming-racunari">Gaming računari</a></li> <li><a href="https://laptopshop.ba/komponente">Komponente</a></li> </ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/links_category.ctp --> <div class="fb-like"> </div> <div class="fb-share-button"> </div> </div> <div class="col-md-3"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --><a class="filterbtn" href="javascript:void(0);" data-toggle="filter"><span class="fa fa-filter"></span>Filter</a> <a href="javascript:void(0);" class="floating-filter-btn" data-toggle="filter"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <svg class="icon icon--size-4" aria-hidden="true" viewBox="0 0 16 16" focusable="false"> <path fill-rule="evenodd" d="M10.957 1.74c.486 0 .87.382.87.87 0 .486-.384.868-.87.868-.487 0-.87-.382-.87-.87 0-.486.383-.87.87-.87M.87 3.48h7.617c.348 1.01 1.322 1.74 2.47 1.74 1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.87-.87-.87h-1.704C13.078.73 12.104 0 10.956 0 9.81 0 8.87.73 8.487 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.868.87.868M5.913 8c0 .487-.383.87-.87.87-.486 0-.87-.383-.87-.87s.384-.87.87-.87c.487 0 .87.383.87.87M16 8c0-.487-.383-.87-.87-.87H7.513c-.348-1.008-1.322-1.74-2.47-1.74-1.147 0-2.086.732-2.47 1.74H.87C.383 7.13 0 7.513 0 8s.383.87.87.87h1.704c.348 1.008 1.322 1.74 2.47 1.74 1.147 0 2.086-.732 2.47-1.74h7.616c.487 0 .87-.383.87-.87m-5.043 4.522c.486 0 .87.382.87.87 0 .486-.384.87-.87.87-.487 0-.87-.384-.87-.87 0-.488.383-.87.87-.87M.87 14.262h7.617C8.835 15.27 9.81 16 10.957 16c1.147 0 2.086-.73 2.47-1.74h1.703c.487 0 .87-.382.87-.87 0-.486-.383-.868-.87-.868h-1.704c-.348-1.01-1.322-1.74-2.47-1.74-1.147 0-2.086.73-2.47 1.74H.87c-.487 0-.87.382-.87.87 0 .486.383.87.87.87"></path> </svg> </svg> <span>Filter</span> </a> <div class="filterbox-wrapper"> <button class="close-filter-btn" data-toggle="filter" aria-label="Zatvori filter">×</button> <div class="filter-overlay" data-toggle="filter"></div> <div class="filterBox"> <form action="/catalog/categories/read/1?page=12" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> <div itemscope itemtype="http://schema.org/ItemList"> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="1"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-image-link" itemprop="url" data-product-id="2290" data-product-name="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" aria-label="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/a8099caa.1754488110/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8.jpg" alt="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-6400mhz-ddr5-cudcl52-288-pin-bit-cudimm1rx8" class="product-title">Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token185575452" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2290" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="ae84029ab1f45da22dcda588164c55e8dc6eb07c%3AItem.product_id%7CItem.quantity" id="TokenFields1341546129" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1291373395" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222290%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1180480742"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2290" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2290" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2290" data-product-title="Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-image-link" itemprop="url" data-product-id="2285" data-product-name="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" aria-label="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/f68ffe18.1754488109/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit.jpg" alt="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-16gb-5600mhz-ddr5sodimm-cl46-1rx8-262-pin-16gbit" class="product-title">Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token11698842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2285" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="15e579d477d321dc62fba9f6babc82a49d58f6bb%3AItem.product_id%7CItem.quantity" id="TokenFields1079058997" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked291148262" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222285%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug559341223"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2285" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2285" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2285" data-product-title="Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-image-link" itemprop="url" data-product-id="1760" data-product-name="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" aria-label="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-price="105.67"><img src="https://laptopshop.ba/tmp/cache/img/25ac7b81.1754487026/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan.jpg" alt="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/thermaltake-s100-white-micro-micro-case-tempered-glass-1x-120mm-fan" class="product-title">Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 105,67 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="105.67" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1185931066" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1760" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="c32433cc8818603cc313a770cfe07d62c82db04c%3AItem.product_id%7CItem.quantity" id="TokenFields2010586411" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1647535709" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221760%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug584461774"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1760" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1760" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1760" data-product-title="Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="4"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-image-link" itemprop="url" data-product-id="1808" data-product-name="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" aria-label="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-price="108.69"><img src="https://laptopshop.ba/tmp/cache/img/04f6d808.1754487124/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/gigabyte-psu-550w-80-bronze6xsata2xpcie-62-pin3x4pin1xfloppy" class="product-title">Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 108,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="108.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token931472418" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1808" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6562ca6661dee94956dfca825d81785a4dd5a9a8%3AItem.product_id%7CItem.quantity" id="TokenFields1510332707" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1526477092" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221808%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1509531283"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1808" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1808" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1808" data-product-title="Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy" data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-image-link" itemprop="url" data-product-id="1281" data-product-name="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" aria-label="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/8d8da2dc.1754466694/lorgar-lrg-ghs702_1752243683.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/lorgar-lrg-ghs702" class="product-title">LORGAR Noah 702 Bežične Gaming Slušalice - Crne</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bežična sloboda </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izuzetna udobnost </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/lorgar.png" alt="LORGAR Noah 702 Bežične Gaming Slušalice - Crne"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1515494310" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1281" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="0a61c4144eb4b9d1eb33c4aa530bd028af20d45a%3AItem.product_id%7CItem.quantity" id="TokenFields80386910" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1355012168" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1504255548"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1281" data-product-title="LORGAR Noah 702 Bežične Gaming Slušalice - Crne" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="6"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-image-link" itemprop="url" data-product-id="2523" data-product-name="ASUS Dual-Band USB Adapter AC1300, USB 3.0" aria-label="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-price="109"><img src="https://laptopshop.ba/tmp/cache/img/af04ad77.1754489669/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz.jpg" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/mrezne-kartice/asus-dual-band-usb-adapterwireless-ac1300-usb-ac58-400867-mbps-usb-30-24-ghz-5-ghz" class="product-title">ASUS Dual-Band USB Adapter AC1300, USB 3.0</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dvopojasna bežična veza </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Do 1300 Mbps brzine </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> USB 3.0 za brži prijenos </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Jednostavna instalacija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS Dual-Band USB Adapter AC1300, USB 3.0"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1537518174" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2523" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="11df8f6fdaf824d692c9f17b275b5fcc8eeb8171%3AItem.product_id%7CItem.quantity" id="TokenFields1068525540" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked578087005" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222523%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug24162887"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2523" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2523" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2523" data-product-title="ASUS Dual-Band USB Adapter AC1300, USB 3.0" data-product-category="mrezne-kartice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-image-link" itemprop="url" data-product-id="1886" data-product-name="COUGAR GAMING CGR-2GA5B-RGB" aria-label="COUGAR GAMING CGR-2GA5B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/a1c1370b.1754487221/cougar-gaming-cgr-2ga5b-rgb_1754487221.png" alt="COUGAR GAMING CGR-2GA5B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-2ga5b-rgb" class="product-title">COUGAR GAMING CGR-2GA5B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token1317193850" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1886" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="3f15e8cc97d5b0ff7e3f157a01fa947773b4f2a0%3AItem.product_id%7CItem.quantity" id="TokenFields1087827028" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1161586131" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221886%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug524562109"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1886" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1886" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1886" data-product-title="COUGAR GAMING CGR-2GA5B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-image-link" itemprop="url" data-product-id="1883" data-product-name="COUGAR GAMING CGR-5PC4B-RGB" aria-label="COUGAR GAMING CGR-5PC4B-RGB" data-product-price="109.23"><img src="https://laptopshop.ba/tmp/cache/img/066e2443.1754487219/cougar-gaming-cgr-5pc4b-rgb_1754487219.png" alt="COUGAR GAMING CGR-5PC4B-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5pc4b-rgb" class="product-title">COUGAR GAMING CGR-5PC4B-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 109,23 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="109.23" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token2119274712" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1883" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="13e663fe22000b0c2677bfcffa8ba4aa086f4466%3AItem.product_id%7CItem.quantity" id="TokenFields2002430620" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2042493873" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221883%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug621141524"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1883" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1883" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1883" data-product-title="COUGAR GAMING CGR-5PC4B-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-image-link" itemprop="url" data-product-id="2377" data-product-name="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" aria-label="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/6b733a97.1754488178/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write.jpg" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/ssd/samsung-ssd-870-evo-250gb25-sata3v-nand-mlc560mb-s-read530mb-s-write" class="product-title">SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/samsung.png" alt="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token365487156" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2377" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="b0953921eef57c117e1cd82c89775f25d76c722d%3AItem.product_id%7CItem.quantity" id="TokenFields1532407480" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1634658284" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222377%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug944679554"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2377" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2377" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2377" data-product-title="SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB/s read,530MB/s write" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-image-link" itemprop="url" data-product-id="1832" data-product-name="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," aria-label="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/a7f40375.1754487134/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31.jpg" alt="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/napajanja/lc-power-lc6650b-si-v31650w-80-bronze-up-to-85atx-31" class="product-title">LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token155564160" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1832" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="6c49a4319e20eec9b1a39d0f8cf4a818c3b9bf12%3AItem.product_id%7CItem.quantity" id="TokenFields301499241" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked595298511" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%221832%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1845946657"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-1832" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1832" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1832" data-product-title="LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1," data-product-category="napajanja" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="11"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-image-link" itemprop="url" data-product-id="2292" data-product-name="Patriot RAM 16GB 3200MHz SODIM" aria-label="Patriot RAM 16GB 3200MHz SODIM" data-product-price="110.71"><img src="https://laptopshop.ba/tmp/cache/img/f473b986.1754488110/patriot-ram-16gb-3200mhz-sodim.png" alt="Patriot RAM 16GB 3200MHz SODIM" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/patriot-ram-16gb-3200mhz-sodim" class="product-title">Patriot RAM 16GB 3200MHz SODIM</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 110,71 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="110.71" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token642543925" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2292" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="68eb4d4a585ea9feacf30b33f89236b9d56c461b%3AItem.product_id%7CItem.quantity" id="TokenFields1978140024" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1260238187" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222292%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug742997823"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2292" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2292" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2292" data-product-title="Patriot RAM 16GB 3200MHz SODIM" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="12"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/network/ruteri/mercusys-mb230-4g" class="product-image-link" itemprop="url" data-product-id="2592" data-product-name="MERCUSYS MB230-4G" aria-label="MERCUSYS MB230-4G" data-product-price="113.53"><img src="https://laptopshop.ba/tmp/cache/img/e649b9c7.1754489779/mercusys-mb230-4g_1754489779.png" alt="MERCUSYS MB230-4G" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/mercusys-mb230-4g" class="product-title">MERCUSYS MB230-4G</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 113,53 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="113.53" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 121,38 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="df242fd68db099327928787845060ccf88df43b48b74b7c1f785c19e4fdc1eeb93ab6b58a65b36b0c3085a30e8870bc221e5ce6c8ced5a1b1b00a6b22c65e7ed" id="Token110557588" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2592" id="ItemProductId"> <input type="hidden" name="data[Item][quantity]" value="1" id="ItemQuantity"> <button type="submit" class="add-to-cart-btn"> <span>Dodaj u korpu</span> <svg class="icon icon--height-4" aria-hidden="true" viewBox="0 0 59.2 40.1" focusable="false"> <path d="M42.8,17.6H30c-1.7,0-3-1.3-3-3s1.3-3,3-3h12.8c1.7,0,3,1.3,3,3S44.5,17.6,42.8,17.6z"></path> <circle cx="23.7" cy="36.1" r="4"></circle> <circle cx="49.1" cy="36.1" r="4"></circle> <path d="M57,5.1c-1.6-0.4-3.2,0.5-3.7,2.1l-4.1,15.3H23.6L18.2,2.2C17.8,0.9,16.7,0,15.3,0H3.1c-1.7,0-3,1.3-3,3s1.3,3,3,3h7.6c1.4,0,2.5,0.9,2.9,2.2l0,0l4.8,18.1c0.4,1.3,1.5,2.2,2.9,2.2h30.2c1.4,0,2.5-0.9,2.9-2.2l4.7-17.5C59.5,7.1,58.6,5.5,57,5.1z"></path> </svg> </button> <div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="1ed975c53948d7f79141f01122c60f8eedddaf12%3AItem.product_id%7CItem.quantity" id="TokenFields1474211950" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked689621055" autocomplete="off"><input type="hidden" name="data[_Token][debug]" value="%5B%22%5C%2Fcart%5C%2Fproduct_items%5C%2Fcreate%22%2C%7B%22Item.product_id%22%3A%222592%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug403380969"></div></form> </div> <div class="compare-item"> <!-- BEGIN /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --><!-- Your New Compare Toggle Component --> <div class="uporedi"> <label for="compare-product-2592" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2592" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2592" data-product-title="MERCUSYS MB230-4G" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/grid.ctp --> </div> </div> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 133 - 144 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=11" rel="prev"><i class="fa fa-chevron-left"></i></a></li> <li><a href="/catalog/categories/read/1" rel="first">1</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=9" rel="previous">9</a></li> <li><a href="/catalog/categories/read/1?page=10" rel="previous">10</a></li> <li><a href="/catalog/categories/read/1?page=11" rel="previous">11</a></li> <li class="active"><a href="/catalog/categories/read/1?page=12">12</a></li> <li><a href="/catalog/categories/read/1?page=13" rel="next">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="next">14</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=13" rel="next"> <i class="fa fa-chevron-right"></i></a></li> </ul> </div> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --> </div> <div class="col col2"> <label class="label hidden-xs">Sortiraj prema</label> <span class="select big"> <select name="order" class="form-control"> <option value="price_asc">Prvo najpovoljniji</option> <option value="price_desc">Prvo najskuplji</option> <option value="title_asc">Ime (Uzlazna)</option> <option value="title_desc">Ime (Silazna)</option> </select> </span> </div> </div><!-- \ paging box / --> </form></div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --> </div> </div> </div> </div> <!-- BEGIN /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><script> dataLayer.push({ 'ecommerce': { 'impressions': [{"name":"Kingston 16GB 6400MHz DDR5 CUDCL52, 288-Pin bit, CUDIMM,1Rx8","id":2290,"price":105.6700000000000017053025658242404460906982421875},{"name":"Kingston 16GB 5600MHz DDR5SODIMM, CL46, 1RX8, 262-pin, 16Gbit","id":2285,"price":105.6700000000000017053025658242404460906982421875},{"name":"Thermaltake S100 White Micro Micro case, tempered glass, 1x 120mm fan","id":1760,"price":105.6700000000000017053025658242404460906982421875},{"name":"Gigabyte PSU 550W; 80+ bronze6xSATA,2xPCIe 6+2 Pin,3x4Pin,1xFloppy","id":1808,"price":108.68999999999999772626324556767940521240234375},{"name":"LORGAR Noah 702 Be\u017ei\u010dne Gaming Slu\u0161alice - Crne","id":1281,"price":109},{"name":"ASUS Dual-Band USB Adapter AC1300, USB 3.0","id":2523,"price":109},{"name":"COUGAR GAMING CGR-2GA5B-RGB","id":1886,"price":109.2300000000000039790393202565610408782958984375},{"name":"COUGAR GAMING CGR-5PC4B-RGB","id":1883,"price":109.2300000000000039790393202565610408782958984375},{"name":"SAMSUNG SSD 870 EVO 250GB2.5'' SATA3;V-NAND MLC560MB\/s read,530MB\/s write","id":2377,"price":110.7099999999999937472239253111183643341064453125},{"name":"LC-Power LC6650B-SI V3.1650w, 80+ bronze, up to 85%,ATX 3.1,","id":1832,"price":110.7099999999999937472239253111183643341064453125},{"name":"Patriot RAM 16GB 3200MHz SODIM","id":2292,"price":110.7099999999999937472239253111183643341064453125},{"name":"MERCUSYS MB230-4G","id":2592,"price":113.530000000000001136868377216160297393798828125}] } }); </script><!-- END /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp -->' ) [protected] _eventManager => object(CakeEventManager) {} [protected] _eventManagerConfigured => true [protected] _normalizedHelperCollection => array( 'Product' => object(ProductHelper) {}, 'Category' => object(CategoryHelper) {}, 'Label' => array( [maximum depth reached] ), 'HtmlFilter' => array( [maximum depth reached] ), 'FacebookChat' => array( [maximum depth reached] ), 'HoneyPot' => array( [maximum depth reached] ), 'Html' => object(CacheHtmlHelper) {}, 'Form' => object(CacheFormHelper) {}, 'Paginator' => object(CachePaginatorHelper) {}, 'Session' => object(SessionHelper) {}, 'Flash' => array( [maximum depth reached] ), 'PageTemplate' => array( [maximum depth reached] ), 'PageRegion' => array( [maximum depth reached] ), 'PageBlock' => array( [maximum depth reached] ), 'TextBlock' => array( [maximum depth reached] ), 'CategoryBlock' => array( [maximum depth reached] ), 'Site' => object(SiteHelper) {}, 'Meta' => object(MetaHelper) {}, 'StructuredData' => array( [maximum depth reached] ), 'AjaxForm' => array( [maximum depth reached] ), 'Crudl' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ), 'EnableDisable' => array( [maximum depth reached] ), 'Filter' => object(FilterHelper) {}, 'FirstCharFilter' => array( [maximum depth reached] ), 'Grid' => array( [maximum depth reached] ), 'Paginate' => object(PaginateHelper) {}, 'Select' => array( [maximum depth reached] ), 'Sort' => array( [maximum depth reached] ), 'Sortable' => array( [maximum depth reached] ), 'Sorter' => array( [maximum depth reached] ), 'Faq' => array( [maximum depth reached] ), 'Menu' => object(MenuHelper) {}, 'Language' => array( [maximum depth reached] ), 'I18nDate' => array( [maximum depth reached] ), 'Region' => array( [maximum depth reached] ), 'Translatable' => array( [maximum depth reached] ), 'DateTime' => array( [maximum depth reached] ), 'HttpAccess' => object(HttpAccessHelper) {}, 'AccessDecision' => array( [maximum depth reached] ), 'Access' => array( [maximum depth reached] ), 'User' => array( [maximum depth reached] ), 'FileSystem' => array( [maximum depth reached] ), 'PageMedia' => array( [maximum depth reached] ), 'ContactInformationBlock' => array( [maximum depth reached] ), 'ProductReviewBlock' => array( [maximum depth reached] ), 'ReviewBlock' => array( [maximum depth reached] ), 'ShopFeaturedBlock' => array( [maximum depth reached] ), 'Address' => array( [maximum depth reached] ), 'Asset' => array( [maximum depth reached] ), 'Color' => array( [maximum depth reached] ), 'File' => array( [maximum depth reached] ), 'GoogleTagManager' => object(GoogleTagManagerHelper) {}, 'Image' => object(ImageHelper) {}, 'ImageHtmlFilter' => array( [maximum depth reached] ), 'Money' => object(MoneyHelper) {}, 'Navigation' => object(NavigationHelper) {}, 'Newsletter' => array( [maximum depth reached] ), 'UserLanguage' => array( [maximum depth reached] ), 'ProfileImage' => array( [maximum depth reached] ), 'Profile' => object(ProfileHelper) {}, 'ProfileAddress' => array( [maximum depth reached] ), 'ProfilePhonenumber' => array( [maximum depth reached] ), 'ProfileEmailAddress' => array( [maximum depth reached] ), 'Property' => array( [maximum depth reached] ), 'PropertyAdmin' => array( [maximum depth reached] ), 'Search' => array( [maximum depth reached] ), 'SiteCss' => array( [maximum depth reached] ), 'TreeDisplay' => array( [maximum depth reached] ), 'MaterialImage' => array( [maximum depth reached] ), 'Pricing' => object(PricingHelper) {}, 'Shop' => array( [maximum depth reached] ), 'Cart' => object(CartHelper) {}, 'CartAssemblage' => array( [maximum depth reached] ), 'CartsPromoProduct' => array( [maximum depth reached] ), 'Order' => array( [maximum depth reached] ), 'OrderLine' => array( [maximum depth reached] ), 'Checkout' => array( [maximum depth reached] ), 'Assembly' => object(CatalogAssemblyHelper) {}, 'Assemblage' => array( [maximum depth reached] ), 'PartRelations' => array( [maximum depth reached] ), 'ProductSet' => array( [maximum depth reached] ), 'PropertySet' => array( [maximum depth reached] ), 'PartSelectionProductSet' => array( [maximum depth reached] ), 'PropertyKeySetting' => array( [maximum depth reached] ), 'Review' => object(ReviewHelper) {}, 'ProductReview' => object(ProductReviewHelper) {}, 'Customer' => array( [maximum depth reached] ), 'CustomerAddress' => array( [maximum depth reached] ), 'Helpdesk' => array( [maximum depth reached] ), 'HelpdeskProperty' => array( [maximum depth reached] ), 'HelpdeskPropertyAdmin' => array( [maximum depth reached] ), 'Invoice' => array( [maximum depth reached] ), 'Payment' => array( [maximum depth reached] ), 'PartialPayment' => array( [maximum depth reached] ), 'Shipment' => array( [maximum depth reached] ), 'ShipmentParcel' => array( [maximum depth reached] ), 'OrderDeliveryCalculator' => object(OrderDeliveryCalculatorHelper) {}, 'ProductGoals' => array( [maximum depth reached] ), 'SaleStatistics' => array( [maximum depth reached] ), 'SaleRule' => array( [maximum depth reached] ), 'SaleShipment' => array( [maximum depth reached] ), 'FeaturedSet' => array( [maximum depth reached] ), 'SprayPay' => object(SprayPayHelper) {}, 'StockPick' => array( [maximum depth reached] ), 'Pick' => array( [maximum depth reached] ), 'TrustedShops' => array( [maximum depth reached] ) ) } $site = object(Site\Model\Entity\Site) { [protected] _properties => array( 'id' => (int) 1, 'site_group_id' => (int) 1, 'domain' => 'LaptopShop.ba', 'title' => 'LaptopShop.ba', 'payoff' => 'LaptopShop.ba', 'theme' => 'GameComputerStore', 'email' => '[email protected]', 'created' => object(Cake\I18n\Time) {}, 'updated' => object(Cake\I18n\Time) {} ) [protected] _original => array() [protected] _hidden => array() [protected] _virtual => array() [protected] _className => null [protected] _dirty => array() [protected] _accessors => array( 'Site\Model\Entity\Site' => array( [maximum depth reached] ), 'Shop\Model\Entity\Shop' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Product' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Category' => array( [maximum depth reached] ), 'Catalog\Model\Entity\CategoriesProduct' => array( [maximum depth reached] ), 'Page\Model\Entity\Page' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Catalog' => array( [maximum depth reached] ), 'SiteFaq\Model\Entity\SiteFaq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Faq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Category' => array( [maximum depth reached] ), 'Faq\Model\Entity\Item' => array( [maximum depth reached] ), 'Faq\Model\Entity\CategoryItem' => array( [maximum depth reached] ), 'Locale\Model\Entity\Language' => array( [maximum depth reached] ), 'CatalogProperty\Model\Entity\PropertyKey' => array( [maximum depth reached] ), 'Shop\Model\Entity\ShopsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Pricelist' => array( [maximum depth reached] ), 'Merchant\Model\Entity\Merchant' => array( [maximum depth reached] ), 'Pricing\Model\Entity\MerchantsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\ProductPrice' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Vat' => array( [maximum depth reached] ), 'CatalogReview\Model\Entity\ProductsReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\ReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\Review' => array( [maximum depth reached] ), 'Stock\Model\Entity\StockItem' => array( [maximum depth reached] ), 'Menu\Model\Entity\Menu' => array( [maximum depth reached] ), 'Menu\Model\Entity\Item' => array( [maximum depth reached] ), 'Route\Model\Entity\Route' => array( [maximum depth reached] ), 'Cart\Model\Entity\Cart' => array( [maximum depth reached] ), 'CatalogSeo\Model\Entity\CategoriesMeta' => array( [maximum depth reached] ) ) [protected] _new => false [protected] _errors => array() [protected] _invalid => array() [protected] _accessible => array( '*' => true ) [protected] _registryAlias => 'Site.Sites' [protected] _unsetProperties => array() } $meta = object(stdClass) { }PhpReader::{closure}() - APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14 MetaHelper::getMeta() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 33 MetaHelper::getMetaForCurrentPage() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 64 include - APP/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp, line 4 View::_evaluate() - CORE/Cake/View/View.php, line 971 View::_render() - CORE/Cake/View/View.php, line 933 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::_render() - CORE/Cake/View/View.php, line 945 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::renderLayout() - CORE/Cake/View/View.php, line 546 View::render() - CORE/Cake/View/View.php, line 481 Controller::render() - CORE/Cake/Controller/Controller.php, line 968 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167 SystemDispatcher::dispatch() - APP/Plugin/Module/System/Routing/SystemDispatcher.php, line 41 [main] - APP/webroot/index.php, line 60
Vaša korpa je trenutno prazna.
Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.
Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Prijavite se na newsletter i ostvarite 10 KM popusta na Vaš novi Laptop!
Poštujemo Vašu privatnost. Nećemo slati spam.
