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>Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1</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=16" 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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/pc-kucista/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-image-link" itemprop="url" data-product-id="1769" data-product-name="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" aria-label="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" data-product-price="139.89"><img src="https://laptopshop.ba/tmp/cache/img/cec5b396.1754487033/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan.jpg" alt="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-title">Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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"> 139,89 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="139.89" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token414713737" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1769" 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="3ddc2a5b5867d801536bf4571155bdc3f6a229aa%3AItem.product_id%7CItem.quantity" id="TokenFields2036338948" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked392759861" 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%221769%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1210654372"></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-1769" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1769" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1769" data-product-title="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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="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/pc-kucista/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-image-link" itemprop="url" data-product-id="1737" data-product-name="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" aria-label="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" data-product-price="140.9"><img src="https://laptopshop.ba/tmp/cache/img/49f31d3f.1754487014/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx.jpg" alt="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-title">LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX</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"> 140,90 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="140.90" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token878428239" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1737" 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="60ffca4f50dbdb88f7c35fc058a82991db3a4432%3AItem.product_id%7CItem.quantity" id="TokenFields2098809160" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked243932286" 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%221737%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug513111980"></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-1737" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1737" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1737" data-product-title="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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 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/memorija/kingston-16gb-3200mhz-ddr4-sosodimm" class="product-image-link" itemprop="url" data-product-id="2281" data-product-name="Kingston 16GB 3200MHz DDR4 SOSODIMM" aria-label="Kingston 16GB 3200MHz DDR4 SOSODIMM" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/4cea8daf.1754488108/kingston-16gb-3200mhz-ddr4-sosodimm.jpg" alt="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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-3200mhz-ddr4-sosodimm" class="product-title">Kingston 16GB 3200MHz DDR4 SOSODIMM</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token303077336" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2281" 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="01102ed8259af7394c135d4fdf3f131ac7ffd1c2%3AItem.product_id%7CItem.quantity" id="TokenFields191797427" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked404393255" 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%222281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1721871356"></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-2281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2281" data-product-title="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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="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/memorija/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-image-link" itemprop="url" data-product-id="2273" data-product-name="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" aria-label="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/cc007f4d.1754488105/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp.jpg" alt="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-title">Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1453297211" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2273" 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="a233be1e6f40ddd174b6159237d0a32e7d1cfb52%3AItem.product_id%7CItem.quantity" id="TokenFields94404954" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked456619435" 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%222273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug281265563"></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-2273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2273" data-product-title="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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="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="/komponente/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-image-link" itemprop="url" data-product-id="2482" data-product-name="WD HDD 1TB ext 2.5 USB3.0Elements Black" aria-label="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-price="144.92"><img src="https://laptopshop.ba/tmp/cache/img/0d232dee.1754488676/wd-hdd-1tb-ext-25-usb30elements-black.jpg" alt="WD HDD 1TB ext 2.5 USB3.0Elements Black" 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/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-title">WD HDD 1TB ext 2.5 USB3.0Elements Black</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"> 144,92 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="144.92" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1875401542" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2482" 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="ca689e598aba2e77e640d7252ad8687f809b48b6%3AItem.product_id%7CItem.quantity" id="TokenFields1762263288" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1281490785" 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%222482%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1050578049"></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-2482" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2482" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2482" data-product-title="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-category="hdd" 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="/komponente/pc-kucista/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-image-link" itemprop="url" data-product-id="1735" data-product-name="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" aria-label="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" data-product-price="145.93"><img src="https://laptopshop.ba/tmp/cache/img/2f96598e.1754487013/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan.jpg" alt="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-title">LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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"> 145,93 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="145.93" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token196476896" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1735" 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="aeb2144f6184c0c247a7bc234128b13aac9ddb57%3AItem.product_id%7CItem.quantity" id="TokenFields50590367" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1130400838" 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%221735%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1189268379"></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-1735" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1735" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1735" data-product-title="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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="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/ssd/emtec-ecssd480gx150" class="product-image-link" itemprop="url" data-product-id="2434" data-product-name="EMTEC ECSSD480GX150" aria-label="EMTEC ECSSD480GX150" data-product-price="147.16"><img src="https://laptopshop.ba/tmp/cache/img/4f399d49.1754488439/emtec-ecssd480gx150_1754488439.png" alt="EMTEC ECSSD480GX150" 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/emtec-ecssd480gx150" class="product-title">EMTEC ECSSD480GX150</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"> 147,16 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="147.16" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1920494792" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2434" 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="0756df716f9d38b9522c527e19c026e193187e9f%3AItem.product_id%7CItem.quantity" id="TokenFields990242680" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked455187847" 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%222434%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1894774586"></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-2434" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2434" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2434" data-product-title="EMTEC ECSSD480GX150" 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 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="/network/mrezne-kartice/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-image-link" itemprop="url" data-product-id="2649" data-product-name="Gigabyte PCIe WIFI 6 AX210 Adapter" aria-label="Gigabyte PCIe WIFI 6 AX210 Adapter" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/9f412d84.1757512512/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter" 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/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-title">Gigabyte PCIe WIFI 6 AX210 Adapter</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"> Podrška za WIFI 6 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Frekvencije 2.4/5/6GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bluetooth 5.2 integrisan </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Stabilna PCIe veza </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/gigabyte.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token466567179" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2649" 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="eed53a7e963e73c3388ef7b5175b3149bb7fe1dd%3AItem.product_id%7CItem.quantity" id="TokenFields477461348" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked878725396" 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%222649%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1638804385"></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-2649" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2649" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2649" data-product-title="Gigabyte PCIe WIFI 6 AX210 Adapter" 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="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="/gaming/gaming-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-image-link" itemprop="url" data-product-id="1348" data-product-name="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" aria-label="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/6ca5f86f.1754466694/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black.jpg" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" 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-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-title">HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni</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"> Ultralagani dizajn </span> </li> <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"> Brza reakcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izdržljiva izrada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski oblik </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/hyperx.png" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token798069633" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1348" 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="e9456e41cad51bccf06d0bb515c00daf34f82c47%3AItem.product_id%7CItem.quantity" id="TokenFields1648269779" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1406813705" 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%221348%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug849899259"></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-1348" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1348" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1348" data-product-title="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-category="gaming-misevi" 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="/gaming/gaming-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-image-link" itemprop="url" data-product-id="1319" data-product-name="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" aria-label="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/b6b0fc55.1754466694/lorgar-lrg-kbp70mw-bk-us_1752821654.png" alt="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" 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-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-title">Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena</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čni dizajn za slobodu pokreta </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna 65% veličina štedi prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Mehaničke tipke za precizne komande </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Atraktivan crno-crveni dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> EN raspored za internacionalne korisnike </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 Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token476013317" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1319" 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="622ae2290f18b861912f48f20aab818d133b6733%3AItem.product_id%7CItem.quantity" id="TokenFields1548574629" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1668519865" 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%221319%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1201566578"></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-1319" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1319" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1319" data-product-title="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-category="gaming-tastature" 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/kingston-16gb-3200mhz-ddr4fury-beast-cl16" class="product-image-link" itemprop="url" data-product-id="2229" data-product-name="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" aria-label="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/9bcca1c4.1754488093/kingston-16gb-3200mhz-ddr4fury-beast-cl16.jpg" alt="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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-3200mhz-ddr4fury-beast-cl16" class="product-title">Kingston 16GB 3200MHz DDR4FURY Beast, CL16</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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1738050322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2229" 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="8a4d1f582a8c47f628e95cfbcaf01e386fcdaba3%3AItem.product_id%7CItem.quantity" id="TokenFields254691809" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked795125691" 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%222229%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1100682493"></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-2229" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2229" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2229" data-product-title="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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"> <!-- Izbor --> <a href="/komponente/napajanja/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-image-link" itemprop="url" data-product-id="1838" data-product-name="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" aria-label="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/473e092f.1754487137/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31.jpg" alt="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-title">Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token388235662" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1838" 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="52473dafdde2e1ffa75ce7f1fee01962894bc2ed%3AItem.product_id%7CItem.quantity" id="TokenFields452966253" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked828855535" 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%221838%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1733376200"></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-1838" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1838" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1838" data-product-title="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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><!-- 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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":"Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan","id":1769,"price":139.8899999999999863575794734060764312744140625},{"name":"LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX","id":1737,"price":140.900000000000005684341886080801486968994140625},{"name":"Kingston 16GB 3200MHz DDR4 SOSODIMM","id":2281,"price":142.909999999999996589394868351519107818603515625},{"name":"Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP","id":2273,"price":142.909999999999996589394868351519107818603515625},{"name":"WD HDD 1TB ext 2.5 USB3.0Elements Black","id":2482,"price":144.919999999999987494447850622236728668212890625},{"name":"LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan","id":1735,"price":145.93000000000000682121026329696178436279296875},{"name":"EMTEC ECSSD480GX150","id":2434,"price":147.159999999999996589394868351519107818603515625},{"name":"Gigabyte PCIe WIFI 6 AX210 Adapter","id":2649,"price":149},{"name":"HyperX Pulsefire Haste 2 Be\u017ei\u010dni Gaming Mi\u0161 Crni","id":1348,"price":149},{"name":"Lorgar Pro Be\u017ei\u010dna Mehani\u010dka Gaming Tastatura 65% Crna\/Crvena","id":1319,"price":149},{"name":"Kingston 16GB 3200MHz DDR4FURY Beast, CL16","id":2229,"price":150.960000000000007958078640513122081756591796875},{"name":"Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1","id":1838,"price":150.960000000000007958078640513122081756591796875}] } }); </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>Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1</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=16" 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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/pc-kucista/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-image-link" itemprop="url" data-product-id="1769" data-product-name="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" aria-label="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" data-product-price="139.89"><img src="https://laptopshop.ba/tmp/cache/img/cec5b396.1754487033/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan.jpg" alt="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-title">Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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"> 139,89 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="139.89" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token414713737" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1769" 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="3ddc2a5b5867d801536bf4571155bdc3f6a229aa%3AItem.product_id%7CItem.quantity" id="TokenFields2036338948" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked392759861" 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%221769%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1210654372"></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-1769" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1769" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1769" data-product-title="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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="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/pc-kucista/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-image-link" itemprop="url" data-product-id="1737" data-product-name="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" aria-label="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" data-product-price="140.9"><img src="https://laptopshop.ba/tmp/cache/img/49f31d3f.1754487014/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx.jpg" alt="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-title">LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX</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"> 140,90 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="140.90" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token878428239" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1737" 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="60ffca4f50dbdb88f7c35fc058a82991db3a4432%3AItem.product_id%7CItem.quantity" id="TokenFields2098809160" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked243932286" 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%221737%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug513111980"></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-1737" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1737" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1737" data-product-title="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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 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/memorija/kingston-16gb-3200mhz-ddr4-sosodimm" class="product-image-link" itemprop="url" data-product-id="2281" data-product-name="Kingston 16GB 3200MHz DDR4 SOSODIMM" aria-label="Kingston 16GB 3200MHz DDR4 SOSODIMM" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/4cea8daf.1754488108/kingston-16gb-3200mhz-ddr4-sosodimm.jpg" alt="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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-3200mhz-ddr4-sosodimm" class="product-title">Kingston 16GB 3200MHz DDR4 SOSODIMM</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token303077336" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2281" 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="01102ed8259af7394c135d4fdf3f131ac7ffd1c2%3AItem.product_id%7CItem.quantity" id="TokenFields191797427" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked404393255" 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%222281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1721871356"></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-2281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2281" data-product-title="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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="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/memorija/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-image-link" itemprop="url" data-product-id="2273" data-product-name="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" aria-label="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/cc007f4d.1754488105/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp.jpg" alt="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-title">Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1453297211" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2273" 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="a233be1e6f40ddd174b6159237d0a32e7d1cfb52%3AItem.product_id%7CItem.quantity" id="TokenFields94404954" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked456619435" 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%222273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug281265563"></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-2273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2273" data-product-title="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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="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="/komponente/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-image-link" itemprop="url" data-product-id="2482" data-product-name="WD HDD 1TB ext 2.5 USB3.0Elements Black" aria-label="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-price="144.92"><img src="https://laptopshop.ba/tmp/cache/img/0d232dee.1754488676/wd-hdd-1tb-ext-25-usb30elements-black.jpg" alt="WD HDD 1TB ext 2.5 USB3.0Elements Black" 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/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-title">WD HDD 1TB ext 2.5 USB3.0Elements Black</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"> 144,92 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="144.92" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1875401542" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2482" 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="ca689e598aba2e77e640d7252ad8687f809b48b6%3AItem.product_id%7CItem.quantity" id="TokenFields1762263288" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1281490785" 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%222482%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1050578049"></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-2482" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2482" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2482" data-product-title="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-category="hdd" 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="/komponente/pc-kucista/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-image-link" itemprop="url" data-product-id="1735" data-product-name="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" aria-label="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" data-product-price="145.93"><img src="https://laptopshop.ba/tmp/cache/img/2f96598e.1754487013/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan.jpg" alt="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-title">LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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"> 145,93 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="145.93" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token196476896" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1735" 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="aeb2144f6184c0c247a7bc234128b13aac9ddb57%3AItem.product_id%7CItem.quantity" id="TokenFields50590367" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1130400838" 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%221735%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1189268379"></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-1735" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1735" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1735" data-product-title="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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="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/ssd/emtec-ecssd480gx150" class="product-image-link" itemprop="url" data-product-id="2434" data-product-name="EMTEC ECSSD480GX150" aria-label="EMTEC ECSSD480GX150" data-product-price="147.16"><img src="https://laptopshop.ba/tmp/cache/img/4f399d49.1754488439/emtec-ecssd480gx150_1754488439.png" alt="EMTEC ECSSD480GX150" 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/emtec-ecssd480gx150" class="product-title">EMTEC ECSSD480GX150</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"> 147,16 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="147.16" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1920494792" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2434" 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="0756df716f9d38b9522c527e19c026e193187e9f%3AItem.product_id%7CItem.quantity" id="TokenFields990242680" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked455187847" 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%222434%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1894774586"></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-2434" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2434" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2434" data-product-title="EMTEC ECSSD480GX150" 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 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="/network/mrezne-kartice/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-image-link" itemprop="url" data-product-id="2649" data-product-name="Gigabyte PCIe WIFI 6 AX210 Adapter" aria-label="Gigabyte PCIe WIFI 6 AX210 Adapter" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/9f412d84.1757512512/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter" 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/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-title">Gigabyte PCIe WIFI 6 AX210 Adapter</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"> Podrška za WIFI 6 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Frekvencije 2.4/5/6GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bluetooth 5.2 integrisan </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Stabilna PCIe veza </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/gigabyte.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token466567179" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2649" 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="eed53a7e963e73c3388ef7b5175b3149bb7fe1dd%3AItem.product_id%7CItem.quantity" id="TokenFields477461348" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked878725396" 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%222649%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1638804385"></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-2649" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2649" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2649" data-product-title="Gigabyte PCIe WIFI 6 AX210 Adapter" 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="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="/gaming/gaming-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-image-link" itemprop="url" data-product-id="1348" data-product-name="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" aria-label="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/6ca5f86f.1754466694/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black.jpg" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" 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-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-title">HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni</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"> Ultralagani dizajn </span> </li> <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"> Brza reakcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izdržljiva izrada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski oblik </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/hyperx.png" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token798069633" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1348" 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="e9456e41cad51bccf06d0bb515c00daf34f82c47%3AItem.product_id%7CItem.quantity" id="TokenFields1648269779" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1406813705" 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%221348%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug849899259"></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-1348" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1348" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1348" data-product-title="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-category="gaming-misevi" 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="/gaming/gaming-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-image-link" itemprop="url" data-product-id="1319" data-product-name="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" aria-label="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/b6b0fc55.1754466694/lorgar-lrg-kbp70mw-bk-us_1752821654.png" alt="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" 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-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-title">Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena</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čni dizajn za slobodu pokreta </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna 65% veličina štedi prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Mehaničke tipke za precizne komande </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Atraktivan crno-crveni dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> EN raspored za internacionalne korisnike </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 Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token476013317" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1319" 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="622ae2290f18b861912f48f20aab818d133b6733%3AItem.product_id%7CItem.quantity" id="TokenFields1548574629" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1668519865" 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%221319%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1201566578"></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-1319" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1319" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1319" data-product-title="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-category="gaming-tastature" 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/kingston-16gb-3200mhz-ddr4fury-beast-cl16" class="product-image-link" itemprop="url" data-product-id="2229" data-product-name="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" aria-label="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/9bcca1c4.1754488093/kingston-16gb-3200mhz-ddr4fury-beast-cl16.jpg" alt="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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-3200mhz-ddr4fury-beast-cl16" class="product-title">Kingston 16GB 3200MHz DDR4FURY Beast, CL16</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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1738050322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2229" 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="8a4d1f582a8c47f628e95cfbcaf01e386fcdaba3%3AItem.product_id%7CItem.quantity" id="TokenFields254691809" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked795125691" 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%222229%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1100682493"></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-2229" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2229" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2229" data-product-title="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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"> <!-- Izbor --> <a href="/komponente/napajanja/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-image-link" itemprop="url" data-product-id="1838" data-product-name="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" aria-label="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/473e092f.1754487137/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31.jpg" alt="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-title">Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token388235662" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1838" 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="52473dafdde2e1ffa75ce7f1fee01962894bc2ed%3AItem.product_id%7CItem.quantity" id="TokenFields452966253" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked828855535" 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%221838%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1733376200"></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-1838" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1838" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1838" data-product-title="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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><!-- 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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":"Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan","id":1769,"price":139.8899999999999863575794734060764312744140625},{"name":"LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX","id":1737,"price":140.900000000000005684341886080801486968994140625},{"name":"Kingston 16GB 3200MHz DDR4 SOSODIMM","id":2281,"price":142.909999999999996589394868351519107818603515625},{"name":"Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP","id":2273,"price":142.909999999999996589394868351519107818603515625},{"name":"WD HDD 1TB ext 2.5 USB3.0Elements Black","id":2482,"price":144.919999999999987494447850622236728668212890625},{"name":"LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan","id":1735,"price":145.93000000000000682121026329696178436279296875},{"name":"EMTEC ECSSD480GX150","id":2434,"price":147.159999999999996589394868351519107818603515625},{"name":"Gigabyte PCIe WIFI 6 AX210 Adapter","id":2649,"price":149},{"name":"HyperX Pulsefire Haste 2 Be\u017ei\u010dni Gaming Mi\u0161 Crni","id":1348,"price":149},{"name":"Lorgar Pro Be\u017ei\u010dna Mehani\u010dka Gaming Tastatura 65% Crna\/Crvena","id":1319,"price":149},{"name":"Kingston 16GB 3200MHz DDR4FURY Beast, CL16","id":2229,"price":150.960000000000007958078640513122081756591796875},{"name":"Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1","id":1838,"price":150.960000000000007958078640513122081756591796875}] } }); </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] ), 'SiteFaq\Model\Entity\SiteFaq' => 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] ), 'Catalog\Model\Entity\Catalog' => 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>Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1</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=16" 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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/pc-kucista/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-image-link" itemprop="url" data-product-id="1769" data-product-name="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" aria-label="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" data-product-price="139.89"><img src="https://laptopshop.ba/tmp/cache/img/cec5b396.1754487033/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan.jpg" alt="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-title">Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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"> 139,89 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="139.89" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token414713737" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1769" 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="3ddc2a5b5867d801536bf4571155bdc3f6a229aa%3AItem.product_id%7CItem.quantity" id="TokenFields2036338948" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked392759861" 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%221769%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1210654372"></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-1769" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1769" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1769" data-product-title="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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="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/pc-kucista/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-image-link" itemprop="url" data-product-id="1737" data-product-name="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" aria-label="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" data-product-price="140.9"><img src="https://laptopshop.ba/tmp/cache/img/49f31d3f.1754487014/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx.jpg" alt="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-title">LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX</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"> 140,90 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="140.90" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token878428239" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1737" 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="60ffca4f50dbdb88f7c35fc058a82991db3a4432%3AItem.product_id%7CItem.quantity" id="TokenFields2098809160" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked243932286" 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%221737%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug513111980"></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-1737" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1737" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1737" data-product-title="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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 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/memorija/kingston-16gb-3200mhz-ddr4-sosodimm" class="product-image-link" itemprop="url" data-product-id="2281" data-product-name="Kingston 16GB 3200MHz DDR4 SOSODIMM" aria-label="Kingston 16GB 3200MHz DDR4 SOSODIMM" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/4cea8daf.1754488108/kingston-16gb-3200mhz-ddr4-sosodimm.jpg" alt="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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-3200mhz-ddr4-sosodimm" class="product-title">Kingston 16GB 3200MHz DDR4 SOSODIMM</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token303077336" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2281" 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="01102ed8259af7394c135d4fdf3f131ac7ffd1c2%3AItem.product_id%7CItem.quantity" id="TokenFields191797427" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked404393255" 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%222281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1721871356"></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-2281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2281" data-product-title="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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="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/memorija/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-image-link" itemprop="url" data-product-id="2273" data-product-name="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" aria-label="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/cc007f4d.1754488105/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp.jpg" alt="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-title">Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1453297211" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2273" 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="a233be1e6f40ddd174b6159237d0a32e7d1cfb52%3AItem.product_id%7CItem.quantity" id="TokenFields94404954" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked456619435" 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%222273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug281265563"></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-2273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2273" data-product-title="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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="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="/komponente/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-image-link" itemprop="url" data-product-id="2482" data-product-name="WD HDD 1TB ext 2.5 USB3.0Elements Black" aria-label="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-price="144.92"><img src="https://laptopshop.ba/tmp/cache/img/0d232dee.1754488676/wd-hdd-1tb-ext-25-usb30elements-black.jpg" alt="WD HDD 1TB ext 2.5 USB3.0Elements Black" 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/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-title">WD HDD 1TB ext 2.5 USB3.0Elements Black</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"> 144,92 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="144.92" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1875401542" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2482" 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="ca689e598aba2e77e640d7252ad8687f809b48b6%3AItem.product_id%7CItem.quantity" id="TokenFields1762263288" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1281490785" 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%222482%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1050578049"></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-2482" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2482" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2482" data-product-title="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-category="hdd" 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="/komponente/pc-kucista/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-image-link" itemprop="url" data-product-id="1735" data-product-name="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" aria-label="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" data-product-price="145.93"><img src="https://laptopshop.ba/tmp/cache/img/2f96598e.1754487013/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan.jpg" alt="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-title">LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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"> 145,93 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="145.93" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token196476896" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1735" 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="aeb2144f6184c0c247a7bc234128b13aac9ddb57%3AItem.product_id%7CItem.quantity" id="TokenFields50590367" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1130400838" 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%221735%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1189268379"></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-1735" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1735" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1735" data-product-title="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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="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/ssd/emtec-ecssd480gx150" class="product-image-link" itemprop="url" data-product-id="2434" data-product-name="EMTEC ECSSD480GX150" aria-label="EMTEC ECSSD480GX150" data-product-price="147.16"><img src="https://laptopshop.ba/tmp/cache/img/4f399d49.1754488439/emtec-ecssd480gx150_1754488439.png" alt="EMTEC ECSSD480GX150" 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/emtec-ecssd480gx150" class="product-title">EMTEC ECSSD480GX150</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"> 147,16 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="147.16" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1920494792" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2434" 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="0756df716f9d38b9522c527e19c026e193187e9f%3AItem.product_id%7CItem.quantity" id="TokenFields990242680" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked455187847" 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%222434%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1894774586"></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-2434" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2434" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2434" data-product-title="EMTEC ECSSD480GX150" 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 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="/network/mrezne-kartice/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-image-link" itemprop="url" data-product-id="2649" data-product-name="Gigabyte PCIe WIFI 6 AX210 Adapter" aria-label="Gigabyte PCIe WIFI 6 AX210 Adapter" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/9f412d84.1757512512/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter" 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/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-title">Gigabyte PCIe WIFI 6 AX210 Adapter</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"> Podrška za WIFI 6 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Frekvencije 2.4/5/6GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bluetooth 5.2 integrisan </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Stabilna PCIe veza </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/gigabyte.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token466567179" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2649" 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="eed53a7e963e73c3388ef7b5175b3149bb7fe1dd%3AItem.product_id%7CItem.quantity" id="TokenFields477461348" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked878725396" 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%222649%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1638804385"></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-2649" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2649" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2649" data-product-title="Gigabyte PCIe WIFI 6 AX210 Adapter" 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="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="/gaming/gaming-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-image-link" itemprop="url" data-product-id="1348" data-product-name="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" aria-label="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/6ca5f86f.1754466694/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black.jpg" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" 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-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-title">HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni</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"> Ultralagani dizajn </span> </li> <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"> Brza reakcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izdržljiva izrada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski oblik </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/hyperx.png" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token798069633" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1348" 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="e9456e41cad51bccf06d0bb515c00daf34f82c47%3AItem.product_id%7CItem.quantity" id="TokenFields1648269779" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1406813705" 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%221348%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug849899259"></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-1348" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1348" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1348" data-product-title="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-category="gaming-misevi" 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="/gaming/gaming-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-image-link" itemprop="url" data-product-id="1319" data-product-name="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" aria-label="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/b6b0fc55.1754466694/lorgar-lrg-kbp70mw-bk-us_1752821654.png" alt="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" 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-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-title">Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena</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čni dizajn za slobodu pokreta </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna 65% veličina štedi prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Mehaničke tipke za precizne komande </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Atraktivan crno-crveni dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> EN raspored za internacionalne korisnike </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 Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token476013317" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1319" 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="622ae2290f18b861912f48f20aab818d133b6733%3AItem.product_id%7CItem.quantity" id="TokenFields1548574629" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1668519865" 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%221319%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1201566578"></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-1319" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1319" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1319" data-product-title="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-category="gaming-tastature" 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/kingston-16gb-3200mhz-ddr4fury-beast-cl16" class="product-image-link" itemprop="url" data-product-id="2229" data-product-name="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" aria-label="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/9bcca1c4.1754488093/kingston-16gb-3200mhz-ddr4fury-beast-cl16.jpg" alt="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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-3200mhz-ddr4fury-beast-cl16" class="product-title">Kingston 16GB 3200MHz DDR4FURY Beast, CL16</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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1738050322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2229" 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="8a4d1f582a8c47f628e95cfbcaf01e386fcdaba3%3AItem.product_id%7CItem.quantity" id="TokenFields254691809" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked795125691" 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%222229%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1100682493"></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-2229" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2229" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2229" data-product-title="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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"> <!-- Izbor --> <a href="/komponente/napajanja/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-image-link" itemprop="url" data-product-id="1838" data-product-name="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" aria-label="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/473e092f.1754487137/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31.jpg" alt="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-title">Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token388235662" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1838" 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="52473dafdde2e1ffa75ce7f1fee01962894bc2ed%3AItem.product_id%7CItem.quantity" id="TokenFields452966253" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked828855535" 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%221838%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1733376200"></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-1838" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1838" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1838" data-product-title="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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><!-- 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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":"Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan","id":1769,"price":139.8899999999999863575794734060764312744140625},{"name":"LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX","id":1737,"price":140.900000000000005684341886080801486968994140625},{"name":"Kingston 16GB 3200MHz DDR4 SOSODIMM","id":2281,"price":142.909999999999996589394868351519107818603515625},{"name":"Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP","id":2273,"price":142.909999999999996589394868351519107818603515625},{"name":"WD HDD 1TB ext 2.5 USB3.0Elements Black","id":2482,"price":144.919999999999987494447850622236728668212890625},{"name":"LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan","id":1735,"price":145.93000000000000682121026329696178436279296875},{"name":"EMTEC ECSSD480GX150","id":2434,"price":147.159999999999996589394868351519107818603515625},{"name":"Gigabyte PCIe WIFI 6 AX210 Adapter","id":2649,"price":149},{"name":"HyperX Pulsefire Haste 2 Be\u017ei\u010dni Gaming Mi\u0161 Crni","id":1348,"price":149},{"name":"Lorgar Pro Be\u017ei\u010dna Mehani\u010dka Gaming Tastatura 65% Crna\/Crvena","id":1319,"price":149},{"name":"Kingston 16GB 3200MHz DDR4FURY Beast, CL16","id":2229,"price":150.960000000000007958078640513122081756591796875},{"name":"Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1","id":1838,"price":150.960000000000007958078640513122081756591796875}] } }); </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>Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1</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=16" 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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/pc-kucista/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-image-link" itemprop="url" data-product-id="1769" data-product-name="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" aria-label="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan" data-product-price="139.89"><img src="https://laptopshop.ba/tmp/cache/img/cec5b396.1754487033/thermaltake-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan.jpg" alt="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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-s200-tg-argb-mid-tower-case-3x-argb-120mm-lite-fan" class="product-title">Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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"> 139,89 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="139.89" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token414713737" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1769" 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="3ddc2a5b5867d801536bf4571155bdc3f6a229aa%3AItem.product_id%7CItem.quantity" id="TokenFields2036338948" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked392759861" 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%221769%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1210654372"></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-1769" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1769" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1769" data-product-title="Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite 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="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/pc-kucista/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-image-link" itemprop="url" data-product-id="1737" data-product-name="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" aria-label="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" data-product-price="140.9"><img src="https://laptopshop.ba/tmp/cache/img/49f31d3f.1754487014/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx.jpg" alt="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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/lc-power-sound-insulated-caselc-8000b-1x-usb-c-2x-usb-ae-atx-atx-micro-atx-mini-itx" class="product-title">LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX</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"> 140,90 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="140.90" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token878428239" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1737" 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="60ffca4f50dbdb88f7c35fc058a82991db3a4432%3AItem.product_id%7CItem.quantity" id="TokenFields2098809160" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked243932286" 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%221737%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug513111980"></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-1737" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1737" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1737" data-product-title="LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX" 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 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/memorija/kingston-16gb-3200mhz-ddr4-sosodimm" class="product-image-link" itemprop="url" data-product-id="2281" data-product-name="Kingston 16GB 3200MHz DDR4 SOSODIMM" aria-label="Kingston 16GB 3200MHz DDR4 SOSODIMM" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/4cea8daf.1754488108/kingston-16gb-3200mhz-ddr4-sosodimm.jpg" alt="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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-3200mhz-ddr4-sosodimm" class="product-title">Kingston 16GB 3200MHz DDR4 SOSODIMM</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token303077336" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2281" 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="01102ed8259af7394c135d4fdf3f131ac7ffd1c2%3AItem.product_id%7CItem.quantity" id="TokenFields191797427" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked404393255" 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%222281%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1721871356"></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-2281" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2281" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2281" data-product-title="Kingston 16GB 3200MHz DDR4 SOSODIMM" 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="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/memorija/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-image-link" itemprop="url" data-product-id="2273" data-product-name="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" aria-label="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" data-product-price="142.91"><img src="https://laptopshop.ba/tmp/cache/img/cc007f4d.1754488105/kingston-16gb-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp.jpg" alt="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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-6000mhz-ddr5fury-beast-cl36-288-pinexpo-xmp" class="product-title">Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP</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"> 142,91 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="142.91" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1453297211" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2273" 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="a233be1e6f40ddd174b6159237d0a32e7d1cfb52%3AItem.product_id%7CItem.quantity" id="TokenFields94404954" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked456619435" 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%222273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug281265563"></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-2273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2273" data-product-title="Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP" 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="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="/komponente/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-image-link" itemprop="url" data-product-id="2482" data-product-name="WD HDD 1TB ext 2.5 USB3.0Elements Black" aria-label="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-price="144.92"><img src="https://laptopshop.ba/tmp/cache/img/0d232dee.1754488676/wd-hdd-1tb-ext-25-usb30elements-black.jpg" alt="WD HDD 1TB ext 2.5 USB3.0Elements Black" 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/hdd/wd-hdd-1tb-ext-25-usb30elements-black" class="product-title">WD HDD 1TB ext 2.5 USB3.0Elements Black</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"> 144,92 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="144.92" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1875401542" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2482" 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="ca689e598aba2e77e640d7252ad8687f809b48b6%3AItem.product_id%7CItem.quantity" id="TokenFields1762263288" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1281490785" 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%222482%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1050578049"></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-2482" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2482" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2482" data-product-title="WD HDD 1TB ext 2.5 USB3.0Elements Black" data-product-category="hdd" 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="/komponente/pc-kucista/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-image-link" itemprop="url" data-product-id="1735" data-product-name="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" aria-label="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan" data-product-price="145.93"><img src="https://laptopshop.ba/tmp/cache/img/2f96598e.1754487013/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan.jpg" alt="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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/lc-power-case-gaming-717bmeshwork-l-dark2x-140mm-fan-1x-120-mm-fan" class="product-title">LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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"> 145,93 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="145.93" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token196476896" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1735" 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="aeb2144f6184c0c247a7bc234128b13aac9ddb57%3AItem.product_id%7CItem.quantity" id="TokenFields50590367" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1130400838" 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%221735%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1189268379"></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-1735" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1735" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1735" data-product-title="LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm 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="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/ssd/emtec-ecssd480gx150" class="product-image-link" itemprop="url" data-product-id="2434" data-product-name="EMTEC ECSSD480GX150" aria-label="EMTEC ECSSD480GX150" data-product-price="147.16"><img src="https://laptopshop.ba/tmp/cache/img/4f399d49.1754488439/emtec-ecssd480gx150_1754488439.png" alt="EMTEC ECSSD480GX150" 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/emtec-ecssd480gx150" class="product-title">EMTEC ECSSD480GX150</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"> 147,16 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="147.16" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1920494792" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2434" 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="0756df716f9d38b9522c527e19c026e193187e9f%3AItem.product_id%7CItem.quantity" id="TokenFields990242680" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked455187847" 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%222434%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1894774586"></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-2434" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2434" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2434" data-product-title="EMTEC ECSSD480GX150" 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 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="/network/mrezne-kartice/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-image-link" itemprop="url" data-product-id="2649" data-product-name="Gigabyte PCIe WIFI 6 AX210 Adapter" aria-label="Gigabyte PCIe WIFI 6 AX210 Adapter" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/9f412d84.1757512512/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter" 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/gigabyte-wifi-pcie-gcwbax210intel-wifi-6-ax21024-5-6ghz-bl-52" class="product-title">Gigabyte PCIe WIFI 6 AX210 Adapter</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"> Podrška za WIFI 6 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Frekvencije 2.4/5/6GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bluetooth 5.2 integrisan </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Stabilna PCIe veza </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/gigabyte.png" alt="Gigabyte PCIe WIFI 6 AX210 Adapter"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token466567179" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2649" 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="eed53a7e963e73c3388ef7b5175b3149bb7fe1dd%3AItem.product_id%7CItem.quantity" id="TokenFields477461348" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked878725396" 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%222649%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1638804385"></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-2649" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2649" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2649" data-product-title="Gigabyte PCIe WIFI 6 AX210 Adapter" 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="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="/gaming/gaming-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-image-link" itemprop="url" data-product-id="1348" data-product-name="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" aria-label="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/6ca5f86f.1754466694/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black.jpg" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" 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-misevi/hyperx-pulsefire-haste-2-corewireless-gaming-mouse-black" class="product-title">HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni</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"> Ultralagani dizajn </span> </li> <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"> Brza reakcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Izdržljiva izrada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski oblik </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/hyperx.png" alt="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token798069633" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1348" 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="e9456e41cad51bccf06d0bb515c00daf34f82c47%3AItem.product_id%7CItem.quantity" id="TokenFields1648269779" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1406813705" 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%221348%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug849899259"></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-1348" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1348" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1348" data-product-title="HyperX Pulsefire Haste 2 Bežični Gaming Miš Crni" data-product-category="gaming-misevi" 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="/gaming/gaming-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-image-link" itemprop="url" data-product-id="1319" data-product-name="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" aria-label="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-price="149"><img src="https://laptopshop.ba/tmp/cache/img/b6b0fc55.1754466694/lorgar-lrg-kbp70mw-bk-us_1752821654.png" alt="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" 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-tastature/lorgar-lrg-kbp70mw-bk-us" class="product-title">Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena</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čni dizajn za slobodu pokreta </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna 65% veličina štedi prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Mehaničke tipke za precizne komande </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Atraktivan crno-crveni dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> EN raspored za internacionalne korisnike </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 Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 149 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="149.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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token476013317" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1319" 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="622ae2290f18b861912f48f20aab818d133b6733%3AItem.product_id%7CItem.quantity" id="TokenFields1548574629" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1668519865" 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%221319%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1201566578"></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-1319" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1319" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1319" data-product-title="Lorgar Pro Bežična Mehanička Gaming Tastatura 65% Crna/Crvena" data-product-category="gaming-tastature" 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/kingston-16gb-3200mhz-ddr4fury-beast-cl16" class="product-image-link" itemprop="url" data-product-id="2229" data-product-name="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" aria-label="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/9bcca1c4.1754488093/kingston-16gb-3200mhz-ddr4fury-beast-cl16.jpg" alt="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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-3200mhz-ddr4fury-beast-cl16" class="product-title">Kingston 16GB 3200MHz DDR4FURY Beast, CL16</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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token1738050322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2229" 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="8a4d1f582a8c47f628e95cfbcaf01e386fcdaba3%3AItem.product_id%7CItem.quantity" id="TokenFields254691809" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked795125691" 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%222229%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1100682493"></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-2229" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2229" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2229" data-product-title="Kingston 16GB 3200MHz DDR4FURY Beast, CL16" 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"> <!-- Izbor --> <a href="/komponente/napajanja/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-image-link" itemprop="url" data-product-id="1838" data-product-name="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" aria-label="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1" data-product-price="150.96"><img src="https://laptopshop.ba/tmp/cache/img/473e092f.1754487137/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31.jpg" alt="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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/thermaltake-smart-bx3-550w-psubronze-550w-80-plusnon-modular-atx-31" class="product-title">Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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"> 150,96 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="150.96" /> <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="fddd5fc9a8a1c94d4283d0682f41d50bb355f89449db43db1c2e1ab53c8252ade9473bd284836cd81e83852d9a5c73218e4441cb718a00543d121365d5faff24" id="Token388235662" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1838" 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="52473dafdde2e1ffa75ce7f1fee01962894bc2ed%3AItem.product_id%7CItem.quantity" id="TokenFields452966253" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked828855535" 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%221838%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1733376200"></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-1838" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1838" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1838" data-product-title="Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, 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><!-- 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"> 181 - 192 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=15" 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=13" rel="previous">13</a></li> <li><a href="/catalog/categories/read/1?page=14" rel="previous">14</a></li> <li><a href="/catalog/categories/read/1?page=15" rel="previous">15</a></li> <li class="active"><a href="/catalog/categories/read/1?page=16">16</a></li> <li><a href="/catalog/categories/read/1?page=17" rel="next">17</a></li> <li><a href="/catalog/categories/read/1?page=18" rel="next">18</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=17" 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":"Thermaltake S200 TG ARGB Mid tower case, 3x ARGB 120mm Lite fan","id":1769,"price":139.8899999999999863575794734060764312744140625},{"name":"LC-Power Sound Insulated CaseLC-8000B, 1x USB-C, 2x USB-AE-ATX, ATX, Micro-ATX, Mini-ITX","id":1737,"price":140.900000000000005684341886080801486968994140625},{"name":"Kingston 16GB 3200MHz DDR4 SOSODIMM","id":2281,"price":142.909999999999996589394868351519107818603515625},{"name":"Kingston 16GB 6000MHz DDR5Fury Beast, CL36, 288-pin,EXPO, XMP","id":2273,"price":142.909999999999996589394868351519107818603515625},{"name":"WD HDD 1TB ext 2.5 USB3.0Elements Black","id":2482,"price":144.919999999999987494447850622236728668212890625},{"name":"LC-Power Case Gaming 717BMeshwork_L Dark,2x 140mm fan, 1x 120 mm fan","id":1735,"price":145.93000000000000682121026329696178436279296875},{"name":"EMTEC ECSSD480GX150","id":2434,"price":147.159999999999996589394868351519107818603515625},{"name":"Gigabyte PCIe WIFI 6 AX210 Adapter","id":2649,"price":149},{"name":"HyperX Pulsefire Haste 2 Be\u017ei\u010dni Gaming Mi\u0161 Crni","id":1348,"price":149},{"name":"Lorgar Pro Be\u017ei\u010dna Mehani\u010dka Gaming Tastatura 65% Crna\/Crvena","id":1319,"price":149},{"name":"Kingston 16GB 3200MHz DDR4FURY Beast, CL16","id":2229,"price":150.960000000000007958078640513122081756591796875},{"name":"Thermaltake Smart BX3 550w PSUBronze 550w, 80+ plus,non- modular, ATX 3.1","id":1838,"price":150.960000000000007958078640513122081756591796875}] } }); </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] ), 'SiteFaq\Model\Entity\SiteFaq' => 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] ), 'Catalog\Model\Entity\Catalog' => 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.
