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) 55, '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>LC-Power Case LC-7034B-ONATX Classic</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=6" 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="/smart-home/ipads-i-tableti">iPads i Tableti</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-adapteri-i-adapteri">Smart Adapteri i Adapteri</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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-image-link" itemprop="url" data-product-id="1272" data-product-name="Canyon EGO GH-16 3in1 Bežične Slušalice" aria-label="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/2c96451e.1754466694/canyon-cnd-sghs16w_1752243681.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-title">Canyon EGO GH-16 3in1 Bežične Slušalice</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"> Tri načina povezivanja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantna bijela boja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilne s više uređaja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Udobne za dugotrajno nošenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </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/canyon.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1440890519" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1272" 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="154ce118a05410f3bf387eb485eb04a4c73ac0fc%3AItem.product_id%7CItem.quantity" id="TokenFields417358832" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked232214878" 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%221272%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug715974103"></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-1272" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1272" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1272" data-product-title="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-image-link" itemprop="url" data-product-id="1273" data-product-name="Canyon EGO GH-16 Bežične Slušalice" aria-label="Canyon EGO GH-16 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/a201c294.1754466694/canyon-cnd-sghs16b_1752243682.png" alt="Canyon EGO GH-16 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-title">Canyon EGO GH-16 Bežične Slušalice</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"> 3 u 1 povezivanje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/canyon.png" alt="Canyon EGO GH-16 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1668570586" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1273" 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="6912426d7933cf0a3421a7a8f6fc01c15d6cc8f6%3AItem.product_id%7CItem.quantity" id="TokenFields1388487684" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1070059970" 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%221273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug689818117"></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-1273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1273" data-product-title="Canyon EGO GH-16 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__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="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-image-link" itemprop="url" data-product-id="2539" data-product-name="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" aria-label="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-price="65.32"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-title">TP-Link ARCHER C50 AC1200Wireless Dual Band Router</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"> 65,32 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.32" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1938014664" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2539" 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="61cdac79810f272ff75dd244074e9915a3c74d7e%3AItem.product_id%7CItem.quantity" id="TokenFields1373516230" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2115131371" 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%222539%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1989249200"></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-2539" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2539" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2539" data-product-title="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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/ssd/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-image-link" itemprop="url" data-product-id="2364" data-product-name="Patriot SSD 480GB 2.5SATA3, Burst Eliteup to R/W : 450/320MB/s;" aria-label="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/d1d3d378.1754488175/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s.png" alt="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-title">Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token263442762" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2364" 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="35cf898d597d2403c0b052fd76383a48dc4e75e6%3AItem.product_id%7CItem.quantity" id="TokenFields1031200659" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked347976417" 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%222364%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug856384222"></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-2364" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2364" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2364" data-product-title="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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="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/pc-kucista/lc-power-case-lc-7040b" class="product-image-link" itemprop="url" data-product-id="1730" data-product-name="LC-Power Case LC-7040B" aria-label="LC-Power Case LC-7040B" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/e2528fe2.1754487009/lc-power-case-lc-7040b.jpg" alt="LC-Power Case LC-7040B" 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-lc-7040b" class="product-title">LC-Power Case LC-7040B</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1404464959" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1730" 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="bc10db59bf6e5bb7a0889c6c1a5440773b95df4d%3AItem.product_id%7CItem.quantity" id="TokenFields239631213" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1921674187" 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%221730%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug375140719"></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-1730" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1730" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1730" data-product-title="LC-Power Case LC-7040B" 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__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/ssd/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-image-link" itemprop="url" data-product-id="2336" data-product-name="Kingston SSD 256GB 2.5 KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" aria-label="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/3d3e8990.1754488162/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption.jpg" alt="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-title">Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1972128970" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2336" 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="9b6692e94e00bb6bcdda9fc6fea5de73b0ad1b13%3AItem.product_id%7CItem.quantity" id="TokenFields51545960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked50570610" 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%222336%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1569788045"></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-2336" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2336" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2336" data-product-title="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-image-link" itemprop="url" data-product-id="1731" data-product-name="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" aria-label="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/93a6417a.1754487010/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c.jpg" alt="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" 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-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-title">LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token657744504" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1731" 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="b6b1071fa36c542ec62bc2d27f94e6cc4464c5f9%3AItem.product_id%7CItem.quantity" id="TokenFields1511885085" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked274565520" 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%221731%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1550547109"></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-1731" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1731" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1731" data-product-title="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-image-link" itemprop="url" data-product-id="2489" data-product-name="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" aria-label="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/cb56fc31.1754489151/asus-odd-external-slim-blacksdrw-08d2s-u-lite.jpg" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" 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/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-title">ASUS ODD external Slim BlackSDRW-08D2S-U LITE</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1556593799" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2489" 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="f4e0ef44a2a4580ff02bc675df40df7e2fde3101%3AItem.product_id%7CItem.quantity" id="TokenFields2139579711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked110247670" 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%222489%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1304565497"></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-2489" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2489" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2489" data-product-title="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-category="opticki-uredaji" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/kodak-ekssd256gx220" class="product-image-link" itemprop="url" data-product-id="2449" data-product-name="KODAK EKSSD256GX220" aria-label="KODAK EKSSD256GX220" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e152d247.1754488445/kodak-ekssd256gx220_1754488445.png" alt="KODAK EKSSD256GX220" 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/kodak-ekssd256gx220" class="product-title">KODAK EKSSD256GX220</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1409236032" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2449" 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="62a57e40802e82c2392be687fc8f6bd0c6b2a065%3AItem.product_id%7CItem.quantity" id="TokenFields1508921549" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked170688920" 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%222449%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1643932290"></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-2449" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2449" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2449" data-product-title="KODAK EKSSD256GX220" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/emtec-ecssd256gx200" class="product-image-link" itemprop="url" data-product-id="2450" data-product-name="EMTEC ECSSD256GX200" aria-label="EMTEC ECSSD256GX200" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e1cc8f1f.1754488446/emtec-ecssd256gx200_1754488446.png" alt="EMTEC ECSSD256GX200" 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-ecssd256gx200" class="product-title">EMTEC ECSSD256GX200</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token2094493093" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2450" 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="fbc6a4ec7f29b4bc635061f372f76276679cebec%3AItem.product_id%7CItem.quantity" id="TokenFields1507439090" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1249853207" 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%222450%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1466655940"></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-2450" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2450" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2450" data-product-title="EMTEC ECSSD256GX200" 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="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/ssd/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-image-link" itemprop="url" data-product-id="2359" data-product-name="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" aria-label="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/1bbc3f8c.1754488174/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s.png" alt="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-title">Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token909925322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2359" 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="37e0bee5fad7a4f42e0583ac61f8c4a2163cd9c4%3AItem.product_id%7CItem.quantity" id="TokenFields1729118993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked14073917" 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%222359%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug956889004"></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-2359" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2359" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2359" data-product-title="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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="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/pc-kucista/lc-power-case-lc-7034b-onatx-classic" class="product-image-link" itemprop="url" data-product-id="1725" data-product-name="LC-Power Case LC-7034B-ONATX Classic" aria-label="LC-Power Case LC-7034B-ONATX Classic" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/2dd0b920.1754487007/lc-power-case-lc-7034b-onatx-classic.jpg" alt="LC-Power Case LC-7034B-ONATX Classic" 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-lc-7034b-onatx-classic" class="product-title">LC-Power Case LC-7034B-ONATX Classic</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token940056439" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1725" 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="10446d180c6e7ad76a289798f9baa39bc0581c1c%3AItem.product_id%7CItem.quantity" id="TokenFields1951029939" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked279925298" 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%221725%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug938343534"></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-1725" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1725" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1725" data-product-title="LC-Power Case LC-7034B-ONATX Classic" 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><!-- 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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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":"Canyon EGO GH-16 3in1 Be\u017ei\u010dne Slu\u0161alice","id":1272,"price":65.0499999999999971578290569595992565155029296875},{"name":"Canyon EGO GH-16 Be\u017ei\u010dne Slu\u0161alice","id":1273,"price":65.0499999999999971578290569595992565155029296875},{"name":"TP-Link ARCHER C50 AC1200Wireless Dual Band Router","id":2539,"price":65.31999999999999317878973670303821563720703125},{"name":"Patriot SSD 480GB 2.5\"SATA3, Burst Eliteup to R\/W : 450\/320MB\/s;","id":2364,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7040B","id":1730,"price":65.4200000000000017053025658242404460906982421875},{"name":"Kingston SSD 256GB 2.5\" KC600SATA3,550\/500MB\/s3D TLC,XTS-AES 256-bit encryption","id":2336,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c","id":1731,"price":65.4200000000000017053025658242404460906982421875},{"name":"ASUS ODD external Slim BlackSDRW-08D2S-U LITE","id":2489,"price":65.4200000000000017053025658242404460906982421875},{"name":"KODAK EKSSD256GX220","id":2449,"price":67.5},{"name":"EMTEC ECSSD256GX200","id":2450,"price":67.5},{"name":"Patriot SSD 512GB 2.5'';P210; up to R\/W : 520\/430 MB\/s","id":2359,"price":68.43999999999999772626324556767940521240234375},{"name":"LC-Power Case LC-7034B-ONATX Classic","id":1725,"price":68.43999999999999772626324556767940521240234375}] } }); </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>LC-Power Case LC-7034B-ONATX Classic</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=6" 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="/smart-home/ipads-i-tableti">iPads i Tableti</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-adapteri-i-adapteri">Smart Adapteri i Adapteri</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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-image-link" itemprop="url" data-product-id="1272" data-product-name="Canyon EGO GH-16 3in1 Bežične Slušalice" aria-label="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/2c96451e.1754466694/canyon-cnd-sghs16w_1752243681.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-title">Canyon EGO GH-16 3in1 Bežične Slušalice</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"> Tri načina povezivanja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantna bijela boja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilne s više uređaja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Udobne za dugotrajno nošenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </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/canyon.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1440890519" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1272" 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="154ce118a05410f3bf387eb485eb04a4c73ac0fc%3AItem.product_id%7CItem.quantity" id="TokenFields417358832" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked232214878" 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%221272%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug715974103"></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-1272" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1272" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1272" data-product-title="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-image-link" itemprop="url" data-product-id="1273" data-product-name="Canyon EGO GH-16 Bežične Slušalice" aria-label="Canyon EGO GH-16 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/a201c294.1754466694/canyon-cnd-sghs16b_1752243682.png" alt="Canyon EGO GH-16 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-title">Canyon EGO GH-16 Bežične Slušalice</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"> 3 u 1 povezivanje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/canyon.png" alt="Canyon EGO GH-16 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1668570586" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1273" 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="6912426d7933cf0a3421a7a8f6fc01c15d6cc8f6%3AItem.product_id%7CItem.quantity" id="TokenFields1388487684" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1070059970" 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%221273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug689818117"></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-1273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1273" data-product-title="Canyon EGO GH-16 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__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="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-image-link" itemprop="url" data-product-id="2539" data-product-name="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" aria-label="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-price="65.32"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-title">TP-Link ARCHER C50 AC1200Wireless Dual Band Router</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"> 65,32 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.32" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1938014664" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2539" 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="61cdac79810f272ff75dd244074e9915a3c74d7e%3AItem.product_id%7CItem.quantity" id="TokenFields1373516230" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2115131371" 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%222539%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1989249200"></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-2539" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2539" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2539" data-product-title="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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/ssd/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-image-link" itemprop="url" data-product-id="2364" data-product-name="Patriot SSD 480GB 2.5SATA3, Burst Eliteup to R/W : 450/320MB/s;" aria-label="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/d1d3d378.1754488175/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s.png" alt="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-title">Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token263442762" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2364" 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="35cf898d597d2403c0b052fd76383a48dc4e75e6%3AItem.product_id%7CItem.quantity" id="TokenFields1031200659" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked347976417" 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%222364%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug856384222"></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-2364" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2364" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2364" data-product-title="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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="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/pc-kucista/lc-power-case-lc-7040b" class="product-image-link" itemprop="url" data-product-id="1730" data-product-name="LC-Power Case LC-7040B" aria-label="LC-Power Case LC-7040B" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/e2528fe2.1754487009/lc-power-case-lc-7040b.jpg" alt="LC-Power Case LC-7040B" 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-lc-7040b" class="product-title">LC-Power Case LC-7040B</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1404464959" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1730" 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="bc10db59bf6e5bb7a0889c6c1a5440773b95df4d%3AItem.product_id%7CItem.quantity" id="TokenFields239631213" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1921674187" 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%221730%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug375140719"></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-1730" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1730" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1730" data-product-title="LC-Power Case LC-7040B" 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__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/ssd/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-image-link" itemprop="url" data-product-id="2336" data-product-name="Kingston SSD 256GB 2.5 KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" aria-label="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/3d3e8990.1754488162/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption.jpg" alt="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-title">Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1972128970" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2336" 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="9b6692e94e00bb6bcdda9fc6fea5de73b0ad1b13%3AItem.product_id%7CItem.quantity" id="TokenFields51545960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked50570610" 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%222336%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1569788045"></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-2336" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2336" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2336" data-product-title="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-image-link" itemprop="url" data-product-id="1731" data-product-name="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" aria-label="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/93a6417a.1754487010/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c.jpg" alt="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" 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-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-title">LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token657744504" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1731" 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="b6b1071fa36c542ec62bc2d27f94e6cc4464c5f9%3AItem.product_id%7CItem.quantity" id="TokenFields1511885085" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked274565520" 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%221731%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1550547109"></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-1731" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1731" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1731" data-product-title="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-image-link" itemprop="url" data-product-id="2489" data-product-name="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" aria-label="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/cb56fc31.1754489151/asus-odd-external-slim-blacksdrw-08d2s-u-lite.jpg" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" 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/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-title">ASUS ODD external Slim BlackSDRW-08D2S-U LITE</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1556593799" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2489" 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="f4e0ef44a2a4580ff02bc675df40df7e2fde3101%3AItem.product_id%7CItem.quantity" id="TokenFields2139579711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked110247670" 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%222489%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1304565497"></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-2489" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2489" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2489" data-product-title="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-category="opticki-uredaji" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/kodak-ekssd256gx220" class="product-image-link" itemprop="url" data-product-id="2449" data-product-name="KODAK EKSSD256GX220" aria-label="KODAK EKSSD256GX220" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e152d247.1754488445/kodak-ekssd256gx220_1754488445.png" alt="KODAK EKSSD256GX220" 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/kodak-ekssd256gx220" class="product-title">KODAK EKSSD256GX220</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1409236032" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2449" 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="62a57e40802e82c2392be687fc8f6bd0c6b2a065%3AItem.product_id%7CItem.quantity" id="TokenFields1508921549" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked170688920" 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%222449%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1643932290"></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-2449" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2449" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2449" data-product-title="KODAK EKSSD256GX220" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/emtec-ecssd256gx200" class="product-image-link" itemprop="url" data-product-id="2450" data-product-name="EMTEC ECSSD256GX200" aria-label="EMTEC ECSSD256GX200" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e1cc8f1f.1754488446/emtec-ecssd256gx200_1754488446.png" alt="EMTEC ECSSD256GX200" 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-ecssd256gx200" class="product-title">EMTEC ECSSD256GX200</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token2094493093" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2450" 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="fbc6a4ec7f29b4bc635061f372f76276679cebec%3AItem.product_id%7CItem.quantity" id="TokenFields1507439090" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1249853207" 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%222450%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1466655940"></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-2450" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2450" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2450" data-product-title="EMTEC ECSSD256GX200" 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="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/ssd/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-image-link" itemprop="url" data-product-id="2359" data-product-name="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" aria-label="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/1bbc3f8c.1754488174/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s.png" alt="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-title">Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token909925322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2359" 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="37e0bee5fad7a4f42e0583ac61f8c4a2163cd9c4%3AItem.product_id%7CItem.quantity" id="TokenFields1729118993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked14073917" 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%222359%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug956889004"></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-2359" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2359" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2359" data-product-title="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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="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/pc-kucista/lc-power-case-lc-7034b-onatx-classic" class="product-image-link" itemprop="url" data-product-id="1725" data-product-name="LC-Power Case LC-7034B-ONATX Classic" aria-label="LC-Power Case LC-7034B-ONATX Classic" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/2dd0b920.1754487007/lc-power-case-lc-7034b-onatx-classic.jpg" alt="LC-Power Case LC-7034B-ONATX Classic" 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-lc-7034b-onatx-classic" class="product-title">LC-Power Case LC-7034B-ONATX Classic</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token940056439" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1725" 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="10446d180c6e7ad76a289798f9baa39bc0581c1c%3AItem.product_id%7CItem.quantity" id="TokenFields1951029939" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked279925298" 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%221725%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug938343534"></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-1725" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1725" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1725" data-product-title="LC-Power Case LC-7034B-ONATX Classic" 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><!-- 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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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":"Canyon EGO GH-16 3in1 Be\u017ei\u010dne Slu\u0161alice","id":1272,"price":65.0499999999999971578290569595992565155029296875},{"name":"Canyon EGO GH-16 Be\u017ei\u010dne Slu\u0161alice","id":1273,"price":65.0499999999999971578290569595992565155029296875},{"name":"TP-Link ARCHER C50 AC1200Wireless Dual Band Router","id":2539,"price":65.31999999999999317878973670303821563720703125},{"name":"Patriot SSD 480GB 2.5\"SATA3, Burst Eliteup to R\/W : 450\/320MB\/s;","id":2364,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7040B","id":1730,"price":65.4200000000000017053025658242404460906982421875},{"name":"Kingston SSD 256GB 2.5\" KC600SATA3,550\/500MB\/s3D TLC,XTS-AES 256-bit encryption","id":2336,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c","id":1731,"price":65.4200000000000017053025658242404460906982421875},{"name":"ASUS ODD external Slim BlackSDRW-08D2S-U LITE","id":2489,"price":65.4200000000000017053025658242404460906982421875},{"name":"KODAK EKSSD256GX220","id":2449,"price":67.5},{"name":"EMTEC ECSSD256GX200","id":2450,"price":67.5},{"name":"Patriot SSD 512GB 2.5'';P210; up to R\/W : 520\/430 MB\/s","id":2359,"price":68.43999999999999772626324556767940521240234375},{"name":"LC-Power Case LC-7034B-ONATX Classic","id":1725,"price":68.43999999999999772626324556767940521240234375}] } }); </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) 55, '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>LC-Power Case LC-7034B-ONATX Classic</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=6" 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="/smart-home/ipads-i-tableti">iPads i Tableti</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-adapteri-i-adapteri">Smart Adapteri i Adapteri</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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-image-link" itemprop="url" data-product-id="1272" data-product-name="Canyon EGO GH-16 3in1 Bežične Slušalice" aria-label="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/2c96451e.1754466694/canyon-cnd-sghs16w_1752243681.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-title">Canyon EGO GH-16 3in1 Bežične Slušalice</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"> Tri načina povezivanja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantna bijela boja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilne s više uređaja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Udobne za dugotrajno nošenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </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/canyon.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1440890519" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1272" 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="154ce118a05410f3bf387eb485eb04a4c73ac0fc%3AItem.product_id%7CItem.quantity" id="TokenFields417358832" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked232214878" 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%221272%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug715974103"></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-1272" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1272" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1272" data-product-title="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-image-link" itemprop="url" data-product-id="1273" data-product-name="Canyon EGO GH-16 Bežične Slušalice" aria-label="Canyon EGO GH-16 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/a201c294.1754466694/canyon-cnd-sghs16b_1752243682.png" alt="Canyon EGO GH-16 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-title">Canyon EGO GH-16 Bežične Slušalice</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"> 3 u 1 povezivanje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/canyon.png" alt="Canyon EGO GH-16 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1668570586" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1273" 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="6912426d7933cf0a3421a7a8f6fc01c15d6cc8f6%3AItem.product_id%7CItem.quantity" id="TokenFields1388487684" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1070059970" 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%221273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug689818117"></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-1273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1273" data-product-title="Canyon EGO GH-16 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__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="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-image-link" itemprop="url" data-product-id="2539" data-product-name="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" aria-label="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-price="65.32"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-title">TP-Link ARCHER C50 AC1200Wireless Dual Band Router</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"> 65,32 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.32" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1938014664" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2539" 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="61cdac79810f272ff75dd244074e9915a3c74d7e%3AItem.product_id%7CItem.quantity" id="TokenFields1373516230" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2115131371" 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%222539%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1989249200"></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-2539" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2539" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2539" data-product-title="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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/ssd/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-image-link" itemprop="url" data-product-id="2364" data-product-name="Patriot SSD 480GB 2.5SATA3, Burst Eliteup to R/W : 450/320MB/s;" aria-label="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/d1d3d378.1754488175/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s.png" alt="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-title">Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token263442762" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2364" 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="35cf898d597d2403c0b052fd76383a48dc4e75e6%3AItem.product_id%7CItem.quantity" id="TokenFields1031200659" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked347976417" 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%222364%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug856384222"></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-2364" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2364" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2364" data-product-title="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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="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/pc-kucista/lc-power-case-lc-7040b" class="product-image-link" itemprop="url" data-product-id="1730" data-product-name="LC-Power Case LC-7040B" aria-label="LC-Power Case LC-7040B" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/e2528fe2.1754487009/lc-power-case-lc-7040b.jpg" alt="LC-Power Case LC-7040B" 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-lc-7040b" class="product-title">LC-Power Case LC-7040B</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1404464959" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1730" 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="bc10db59bf6e5bb7a0889c6c1a5440773b95df4d%3AItem.product_id%7CItem.quantity" id="TokenFields239631213" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1921674187" 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%221730%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug375140719"></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-1730" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1730" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1730" data-product-title="LC-Power Case LC-7040B" 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__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/ssd/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-image-link" itemprop="url" data-product-id="2336" data-product-name="Kingston SSD 256GB 2.5 KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" aria-label="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/3d3e8990.1754488162/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption.jpg" alt="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-title">Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1972128970" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2336" 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="9b6692e94e00bb6bcdda9fc6fea5de73b0ad1b13%3AItem.product_id%7CItem.quantity" id="TokenFields51545960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked50570610" 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%222336%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1569788045"></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-2336" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2336" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2336" data-product-title="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-image-link" itemprop="url" data-product-id="1731" data-product-name="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" aria-label="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/93a6417a.1754487010/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c.jpg" alt="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" 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-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-title">LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token657744504" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1731" 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="b6b1071fa36c542ec62bc2d27f94e6cc4464c5f9%3AItem.product_id%7CItem.quantity" id="TokenFields1511885085" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked274565520" 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%221731%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1550547109"></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-1731" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1731" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1731" data-product-title="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-image-link" itemprop="url" data-product-id="2489" data-product-name="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" aria-label="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/cb56fc31.1754489151/asus-odd-external-slim-blacksdrw-08d2s-u-lite.jpg" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" 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/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-title">ASUS ODD external Slim BlackSDRW-08D2S-U LITE</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1556593799" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2489" 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="f4e0ef44a2a4580ff02bc675df40df7e2fde3101%3AItem.product_id%7CItem.quantity" id="TokenFields2139579711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked110247670" 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%222489%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1304565497"></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-2489" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2489" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2489" data-product-title="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-category="opticki-uredaji" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/kodak-ekssd256gx220" class="product-image-link" itemprop="url" data-product-id="2449" data-product-name="KODAK EKSSD256GX220" aria-label="KODAK EKSSD256GX220" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e152d247.1754488445/kodak-ekssd256gx220_1754488445.png" alt="KODAK EKSSD256GX220" 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/kodak-ekssd256gx220" class="product-title">KODAK EKSSD256GX220</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1409236032" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2449" 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="62a57e40802e82c2392be687fc8f6bd0c6b2a065%3AItem.product_id%7CItem.quantity" id="TokenFields1508921549" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked170688920" 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%222449%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1643932290"></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-2449" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2449" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2449" data-product-title="KODAK EKSSD256GX220" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/emtec-ecssd256gx200" class="product-image-link" itemprop="url" data-product-id="2450" data-product-name="EMTEC ECSSD256GX200" aria-label="EMTEC ECSSD256GX200" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e1cc8f1f.1754488446/emtec-ecssd256gx200_1754488446.png" alt="EMTEC ECSSD256GX200" 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-ecssd256gx200" class="product-title">EMTEC ECSSD256GX200</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token2094493093" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2450" 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="fbc6a4ec7f29b4bc635061f372f76276679cebec%3AItem.product_id%7CItem.quantity" id="TokenFields1507439090" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1249853207" 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%222450%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1466655940"></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-2450" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2450" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2450" data-product-title="EMTEC ECSSD256GX200" 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="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/ssd/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-image-link" itemprop="url" data-product-id="2359" data-product-name="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" aria-label="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/1bbc3f8c.1754488174/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s.png" alt="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-title">Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token909925322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2359" 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="37e0bee5fad7a4f42e0583ac61f8c4a2163cd9c4%3AItem.product_id%7CItem.quantity" id="TokenFields1729118993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked14073917" 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%222359%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug956889004"></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-2359" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2359" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2359" data-product-title="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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="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/pc-kucista/lc-power-case-lc-7034b-onatx-classic" class="product-image-link" itemprop="url" data-product-id="1725" data-product-name="LC-Power Case LC-7034B-ONATX Classic" aria-label="LC-Power Case LC-7034B-ONATX Classic" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/2dd0b920.1754487007/lc-power-case-lc-7034b-onatx-classic.jpg" alt="LC-Power Case LC-7034B-ONATX Classic" 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-lc-7034b-onatx-classic" class="product-title">LC-Power Case LC-7034B-ONATX Classic</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token940056439" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1725" 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="10446d180c6e7ad76a289798f9baa39bc0581c1c%3AItem.product_id%7CItem.quantity" id="TokenFields1951029939" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked279925298" 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%221725%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug938343534"></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-1725" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1725" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1725" data-product-title="LC-Power Case LC-7034B-ONATX Classic" 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><!-- 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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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":"Canyon EGO GH-16 3in1 Be\u017ei\u010dne Slu\u0161alice","id":1272,"price":65.0499999999999971578290569595992565155029296875},{"name":"Canyon EGO GH-16 Be\u017ei\u010dne Slu\u0161alice","id":1273,"price":65.0499999999999971578290569595992565155029296875},{"name":"TP-Link ARCHER C50 AC1200Wireless Dual Band Router","id":2539,"price":65.31999999999999317878973670303821563720703125},{"name":"Patriot SSD 480GB 2.5\"SATA3, Burst Eliteup to R\/W : 450\/320MB\/s;","id":2364,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7040B","id":1730,"price":65.4200000000000017053025658242404460906982421875},{"name":"Kingston SSD 256GB 2.5\" KC600SATA3,550\/500MB\/s3D TLC,XTS-AES 256-bit encryption","id":2336,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c","id":1731,"price":65.4200000000000017053025658242404460906982421875},{"name":"ASUS ODD external Slim BlackSDRW-08D2S-U LITE","id":2489,"price":65.4200000000000017053025658242404460906982421875},{"name":"KODAK EKSSD256GX220","id":2449,"price":67.5},{"name":"EMTEC ECSSD256GX200","id":2450,"price":67.5},{"name":"Patriot SSD 512GB 2.5'';P210; up to R\/W : 520\/430 MB\/s","id":2359,"price":68.43999999999999772626324556767940521240234375},{"name":"LC-Power Case LC-7034B-ONATX Classic","id":1725,"price":68.43999999999999772626324556767940521240234375}] } }); </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>LC-Power Case LC-7034B-ONATX Classic</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=6" 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="/smart-home/ipads-i-tableti">iPads i Tableti</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-adapteri-i-adapteri">Smart Adapteri i Adapteri</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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-image-link" itemprop="url" data-product-id="1272" data-product-name="Canyon EGO GH-16 3in1 Bežične Slušalice" aria-label="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/2c96451e.1754466694/canyon-cnd-sghs16w_1752243681.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16w" class="product-title">Canyon EGO GH-16 3in1 Bežične Slušalice</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"> Tri načina povezivanja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantna bijela boja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilne s više uređaja </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Udobne za dugotrajno nošenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </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/canyon.png" alt="Canyon EGO GH-16 3in1 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1440890519" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1272" 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="154ce118a05410f3bf387eb485eb04a4c73ac0fc%3AItem.product_id%7CItem.quantity" id="TokenFields417358832" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked232214878" 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%221272%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug715974103"></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-1272" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1272" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1272" data-product-title="Canyon EGO GH-16 3in1 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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"> <div class="acija-category"> <span class="label label--subtle-orange">akcija</span> </div> <!-- Izbor --> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-image-link" itemprop="url" data-product-id="1273" data-product-name="Canyon EGO GH-16 Bežične Slušalice" aria-label="Canyon EGO GH-16 Bežične Slušalice" data-product-price="65.05"><img src="https://laptopshop.ba/tmp/cache/img/a201c294.1754466694/canyon-cnd-sghs16b_1752243682.png" alt="Canyon EGO GH-16 Bežične Slušalice" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/gaming/gaming-slusalice/canyon-cnd-sghs16b" class="product-title">Canyon EGO GH-16 Bežične Slušalice</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"> 3 u 1 povezivanje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kristalno čist zvuk </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ergonomski dizajn </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Dugotrajna baterija </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/canyon.png" alt="Canyon EGO GH-16 Bežične Slušalice"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,05 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.05" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div class="stara-cijena"> <small class="text-muted oblique-striketrough"> 79 km </small> </div> </div> <p class="availability available"> <span class="status-ok">Na zalihi</span> </p> </div> <form action="/cart/product_items/create" class="add-to-cart-form" id="ItemCreateForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"><input type="hidden" name="data[_Token][key]" value="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1668570586" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1273" 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="6912426d7933cf0a3421a7a8f6fc01c15d6cc8f6%3AItem.product_id%7CItem.quantity" id="TokenFields1388487684" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1070059970" 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%221273%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug689818117"></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-1273" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1273" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1273" data-product-title="Canyon EGO GH-16 Bežične Slušalice" data-product-category="gaming-slusalice" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__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="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-image-link" itemprop="url" data-product-id="2539" data-product-name="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" aria-label="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-price="65.32"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/network/ruteri/tp-link-archer-c50-ac1200wireless-dual-band-router" class="product-title">TP-Link ARCHER C50 AC1200Wireless Dual Band Router</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"> 65,32 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.32" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1938014664" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2539" 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="61cdac79810f272ff75dd244074e9915a3c74d7e%3AItem.product_id%7CItem.quantity" id="TokenFields1373516230" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2115131371" 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%222539%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1989249200"></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-2539" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2539" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2539" data-product-title="TP-Link ARCHER C50 AC1200Wireless Dual Band Router" data-product-category="ruteri" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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/ssd/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-image-link" itemprop="url" data-product-id="2364" data-product-name="Patriot SSD 480GB 2.5SATA3, Burst Eliteup to R/W : 450/320MB/s;" aria-label="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/d1d3d378.1754488175/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s.png" alt="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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/patriot-ssd-480gb-25sata3-burst-eliteup-to-r-w-450-320mb-s" class="product-title">Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token263442762" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2364" 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="35cf898d597d2403c0b052fd76383a48dc4e75e6%3AItem.product_id%7CItem.quantity" id="TokenFields1031200659" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked347976417" 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%222364%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug856384222"></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-2364" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2364" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2364" data-product-title="Patriot SSD 480GB 2.5"SATA3, Burst Eliteup to R/W : 450/320MB/s;" 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="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/pc-kucista/lc-power-case-lc-7040b" class="product-image-link" itemprop="url" data-product-id="1730" data-product-name="LC-Power Case LC-7040B" aria-label="LC-Power Case LC-7040B" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/e2528fe2.1754487009/lc-power-case-lc-7040b.jpg" alt="LC-Power Case LC-7040B" 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-lc-7040b" class="product-title">LC-Power Case LC-7040B</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1404464959" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1730" 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="bc10db59bf6e5bb7a0889c6c1a5440773b95df4d%3AItem.product_id%7CItem.quantity" id="TokenFields239631213" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1921674187" 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%221730%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug375140719"></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-1730" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1730" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1730" data-product-title="LC-Power Case LC-7040B" 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__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/ssd/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-image-link" itemprop="url" data-product-id="2336" data-product-name="Kingston SSD 256GB 2.5 KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" aria-label="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/3d3e8990.1754488162/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption.jpg" alt="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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/kingston-ssd-256gb-25-kc600sata3550-500mb-s3d-tlcxts-aes-256-bit-encryption" class="product-title">Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1972128970" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2336" 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="9b6692e94e00bb6bcdda9fc6fea5de73b0ad1b13%3AItem.product_id%7CItem.quantity" id="TokenFields51545960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked50570610" 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%222336%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1569788045"></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-2336" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2336" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2336" data-product-title="Kingston SSD 256GB 2.5" KC600SATA3,550/500MB/s3D TLC,XTS-AES 256-bit encryption" 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="7"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-image-link" itemprop="url" data-product-id="1731" data-product-name="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" aria-label="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/93a6417a.1754487010/lc-power-case-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c.jpg" alt="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" 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-lc-7041b-atx-classic-case-hd-audio-1x-usb20-2x-usb30-1x-usb31-type-c" class="product-title">LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c</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"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token657744504" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1731" 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="b6b1071fa36c542ec62bc2d27f94e6cc4464c5f9%3AItem.product_id%7CItem.quantity" id="TokenFields1511885085" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked274565520" 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%221731%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1550547109"></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-1731" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1731" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1731" data-product-title="LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="8"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-image-link" itemprop="url" data-product-id="2489" data-product-name="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" aria-label="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-price="65.42"><img src="https://laptopshop.ba/tmp/cache/img/cb56fc31.1754489151/asus-odd-external-slim-blacksdrw-08d2s-u-lite.jpg" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" 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/opticki-uredaji/asus-odd-external-slim-blacksdrw-08d2s-u-lite" class="product-title">ASUS ODD external Slim BlackSDRW-08D2S-U LITE</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS ODD external Slim BlackSDRW-08D2S-U LITE"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 65,42 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="65.42" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1556593799" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2489" 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="f4e0ef44a2a4580ff02bc675df40df7e2fde3101%3AItem.product_id%7CItem.quantity" id="TokenFields2139579711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked110247670" 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%222489%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1304565497"></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-2489" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2489" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2489" data-product-title="ASUS ODD external Slim BlackSDRW-08D2S-U LITE" data-product-category="opticki-uredaji" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/kodak-ekssd256gx220" class="product-image-link" itemprop="url" data-product-id="2449" data-product-name="KODAK EKSSD256GX220" aria-label="KODAK EKSSD256GX220" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e152d247.1754488445/kodak-ekssd256gx220_1754488445.png" alt="KODAK EKSSD256GX220" 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/kodak-ekssd256gx220" class="product-title">KODAK EKSSD256GX220</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token1409236032" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2449" 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="62a57e40802e82c2392be687fc8f6bd0c6b2a065%3AItem.product_id%7CItem.quantity" id="TokenFields1508921549" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked170688920" 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%222449%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1643932290"></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-2449" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2449" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2449" data-product-title="KODAK EKSSD256GX220" data-product-category="ssd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__usp-container"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --><div class="hero-benefits-bar"> <div class="container swiper hero-benefits-slider"> <ul class="hero-benefits-list swiper-wrapper"> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span><strong class="color--highlight">Besplatna dostava</strong> na kućnu adresu</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Najbolja <strong class="color--highlight">ponuda</strong> televizora</span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path></svg> <span>Povoljne cijene – <strong class="color--highlight">sedmične akcije</strong></span> </li> <li class="swiper-slide"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#00b900" width="15px" height="15px" aria-hidden="true"> <path fill-rule="evenodd" d="M19.358 2.981c.788.702.86 1.912.163 2.704L9.68 16.855a1.9 1.9 0 0 1-2.773.084l-6.35-6.383a1.92 1.92 0 0 1 0-2.708 1.9 1.9 0 0 1 2.695 0l5.081 5.043 8.336-9.746a1.9 1.9 0 0 1 2.69-.164Z"></path> </svg> <span>Plaćanje <strong class="color--highlight">na rate</strong></span> </li> </ul> <div class="swiper-pagination hero-benefits-pagination"></div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function () { var heroBenefitsSwiper = new Swiper('.hero-benefits-slider', { // Updated selector // Mobile-first default settings (active if window width <= 767px due to breakpoint logic) slidesPerView: 1, spaceBetween: 10, loop: true, autoplay: { delay: 3000, disableOnInteraction: false, pauseOnMouseEnter: true, }, pagination: { el: '.hero-benefits-slider .hero-benefits-pagination', clickable: true, enabled: false, // Set this to false to disable and hide pagination }, // Breakpoints to change behavior on larger screens breakpoints: { // When window width is >= 768px (Desktop) 768: { enabled: false, // This is key: Swiper is disabled on desktop } }, // This on.breakpoint event helps ensure styles are reset correctly when Swiper is disabled on: { breakpoint: function (swiperInstance, breakpointParams) { const wrapperEl = swiperInstance.wrapperEl; // The UL element const slidesEl = swiperInstance.slides; // The LI elements if (wrapperEl && slidesEl) { if (!breakpointParams.enabled) { // Swiper is disabled (Desktop) // Reset Swiper's inline styles to let your CSS take over for desktop layout wrapperEl.style.display = ''; wrapperEl.style.justifyContent = ''; wrapperEl.style.transform = ''; wrapperEl.style.paddingBottom = ''; slidesEl.forEach(slide => { slide.style.width = ''; slide.style.marginRight = ''; // Remove swiper active/next/prev classes to prevent visual glitches slide.classList.remove('swiper-slide-active', 'swiper-slide-next', 'swiper-slide-prev', 'swiper-slide-duplicate-active', 'swiper-slide-duplicate-next', 'swiper-slide-duplicate-prev'); }); } else { // Swiper is enabled (Mobile) // Swiper will re-apply its necessary styles wrapperEl.style.display = 'flex'; // Swiper's default wrapperEl.style.justifyContent = 'flex-start'; wrapperEl.style.paddingBottom = '25px'; // For mobile pagination } } } } }); }); </script><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_fixed.ctp --> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="10"> <meta itemprop="priceValidUntil" content="2026-01-21" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/ssd/emtec-ecssd256gx200" class="product-image-link" itemprop="url" data-product-id="2450" data-product-name="EMTEC ECSSD256GX200" aria-label="EMTEC ECSSD256GX200" data-product-price="67.5"><img src="https://laptopshop.ba/tmp/cache/img/e1cc8f1f.1754488446/emtec-ecssd256gx200_1754488446.png" alt="EMTEC ECSSD256GX200" 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-ecssd256gx200" class="product-title">EMTEC ECSSD256GX200</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"> 67,50 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="67.50" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token2094493093" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2450" 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="fbc6a4ec7f29b4bc635061f372f76276679cebec%3AItem.product_id%7CItem.quantity" id="TokenFields1507439090" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1249853207" 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%222450%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1466655940"></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-2450" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2450" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2450" data-product-title="EMTEC ECSSD256GX200" 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="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/ssd/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-image-link" itemprop="url" data-product-id="2359" data-product-name="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" aria-label="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/1bbc3f8c.1754488174/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s.png" alt="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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/patriot-ssd-512gb-25p210-up-to-r-w-520-430-mb-s" class="product-title">Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token909925322" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2359" 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="37e0bee5fad7a4f42e0583ac61f8c4a2163cd9c4%3AItem.product_id%7CItem.quantity" id="TokenFields1729118993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked14073917" 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%222359%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug956889004"></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-2359" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2359" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2359" data-product-title="Patriot SSD 512GB 2.5'';P210; up to R/W : 520/430 MB/s" 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="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/pc-kucista/lc-power-case-lc-7034b-onatx-classic" class="product-image-link" itemprop="url" data-product-id="1725" data-product-name="LC-Power Case LC-7034B-ONATX Classic" aria-label="LC-Power Case LC-7034B-ONATX Classic" data-product-price="68.44"><img src="https://laptopshop.ba/tmp/cache/img/2dd0b920.1754487007/lc-power-case-lc-7034b-onatx-classic.jpg" alt="LC-Power Case LC-7034B-ONATX Classic" 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-lc-7034b-onatx-classic" class="product-title">LC-Power Case LC-7034B-ONATX Classic</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"> 68,44 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="68.44" /> <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="06bd012ddbd39e9d5d16a3acde9435e42eb97b901b8b6c17a48aa6755a32c4b169cba6fed0852dba9e94c44e5524daa631de968704d2995e3e560630ece73bd1" id="Token940056439" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1725" 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="10446d180c6e7ad76a289798f9baa39bc0581c1c%3AItem.product_id%7CItem.quantity" id="TokenFields1951029939" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked279925298" 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%221725%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug938343534"></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-1725" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1725" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1725" data-product-title="LC-Power Case LC-7034B-ONATX Classic" 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><!-- 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"> 61 - 72 od 666 </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=5" 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=3" rel="previous">3</a></li> <li><a href="/catalog/categories/read/1?page=4" rel="previous">4</a></li> <li><a href="/catalog/categories/read/1?page=5" rel="previous">5</a></li> <li class="active"><a href="/catalog/categories/read/1?page=6">6</a></li> <li><a href="/catalog/categories/read/1?page=7" rel="next">7</a></li> <li><a href="/catalog/categories/read/1?page=8" rel="next">8</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=56" rel="last">56</a></li> <li class="next"><a href="/catalog/categories/read/1?page=7" 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":"Canyon EGO GH-16 3in1 Be\u017ei\u010dne Slu\u0161alice","id":1272,"price":65.0499999999999971578290569595992565155029296875},{"name":"Canyon EGO GH-16 Be\u017ei\u010dne Slu\u0161alice","id":1273,"price":65.0499999999999971578290569595992565155029296875},{"name":"TP-Link ARCHER C50 AC1200Wireless Dual Band Router","id":2539,"price":65.31999999999999317878973670303821563720703125},{"name":"Patriot SSD 480GB 2.5\"SATA3, Burst Eliteup to R\/W : 450\/320MB\/s;","id":2364,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7040B","id":1730,"price":65.4200000000000017053025658242404460906982421875},{"name":"Kingston SSD 256GB 2.5\" KC600SATA3,550\/500MB\/s3D TLC,XTS-AES 256-bit encryption","id":2336,"price":65.4200000000000017053025658242404460906982421875},{"name":"LC-Power Case LC-7041B ATX classic case, HD Audio, 1x USB2.0, 2x USB3.0, 1x USB3.1 type-c","id":1731,"price":65.4200000000000017053025658242404460906982421875},{"name":"ASUS ODD external Slim BlackSDRW-08D2S-U LITE","id":2489,"price":65.4200000000000017053025658242404460906982421875},{"name":"KODAK EKSSD256GX220","id":2449,"price":67.5},{"name":"EMTEC ECSSD256GX200","id":2450,"price":67.5},{"name":"Patriot SSD 512GB 2.5'';P210; up to R\/W : 520\/430 MB\/s","id":2359,"price":68.43999999999999772626324556767940521240234375},{"name":"LC-Power Case LC-7034B-ONATX Classic","id":1725,"price":68.43999999999999772626324556767940521240234375}] } }); </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
Prijavite se na newsletter i ostvarite 10 KM popusta na Vaš novi Laptop!
Poštujemo Vašu privatnost. Nećemo slati spam.
