Notice (8): Trying to get property 'title' of non-object [APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14]Code Context}$meta = TableRegistry::get('CatalogSeo.CategoriesMetas')->getMetaForCategory($view->params['pass'][0]);$meta->title = $meta->title;$view = object(PluginThemeView) { Helpers => object(HelperCollection) {} Blocks => object(ViewBlock) {} plugin => 'Catalog' name => 'Categories' passedArgs => array( (int) 0 => '1' ) helpers => array( 'Filter' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ) ) viewPath => 'Categories' viewVars => array( 'filterPropertyKeys' => object(Cake\ORM\ResultSet) {}, 'filterCounts' => array( [maximum depth reached] ), 'fieldCounts' => array( [maximum depth reached] ), 'pageCount' => (float) 53, 'products' => object(Cake\ORM\ResultSet) {}, 'categories' => object(Cake\ORM\ResultSet) {}, 'category' => object(Catalog\Model\Entity\Category) {}, 'cookieConsentStatus' => 'allow', 'content_for_layout' => '<!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp --> <div class="breadcrumbBox"> <div class="container container-mobile"> <div class="row"> <div class="col-xs-12"> <div class="breadcrumb"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <div class="crumb"> <span>Novi Televizori </span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <div class="facebook-liken"> <div class="facebook-like"> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https://laptopshop.ba/catalog/categories/read/1" class="loginBtn loginBtn--facebook facebook-button"> Dijeli </a> </div> <div class="facebook-like liken"> <a target="_blank" href="https://www.facebook.com/laptopshop" class="loginBtn loginBtn--facebook facebook-button"> Lajkajte nas na Facebooku </a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="navigation-head mobile-top-70"> <div class="nav-main-row"> <span class="back-to-category"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#0090e3" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 10.01c0 .546.224 1.068.62 1.444l7.97 7.58a1.995 1.995 0 0 0 2.75-2.89l-6.453-6.137 6.454-6.152A1.995 1.995 0 0 0 11.088.968l-7.97 7.597A2 2 0 0 0 2.5 10.01"></path></svg> </span> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <a href="https://laptopshop.ba/catalog/categories/read/1"> <span>Novi Televizori </span> </a> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --><li> <div> <span>ASROCK B450M PRO4 R2.0 Micro ATX</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=23" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-image-link" itemprop="url" data-product-id="2466" data-product-name="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" aria-label="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/0ebfb130.1754488672/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda.jpg" alt="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-title">Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token540476713" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2466" 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="12e1a203b336a909e162bba4a35438522c78b550%3AItem.product_id%7CItem.quantity" id="TokenFields34624057" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked939539162" 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%222466%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1678193345"></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-2466" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2466" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2466" data-product-title="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-category="hdd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-image-link" itemprop="url" data-product-id="1707" data-product-name="Chieftec CASE CW-01B-OPMesh ATX workstation" aria-label="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/41aa37f0.1754486990/chieftec-case-cw-01b-opmesh-atx-workstation.jpg" alt="Chieftec CASE CW-01B-OPMesh ATX workstation" 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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-title">Chieftec CASE CW-01B-OPMesh ATX workstation</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1211984663" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1707" 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="b18e13960dd820d956f0da30ad8d527896b6df2a%3AItem.product_id%7CItem.quantity" id="TokenFields1113073352" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1602764944" 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%221707%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1875673388"></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-1707" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1707" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1707" data-product-title="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-image-link" itemprop="url" data-product-id="1986" data-product-name="Gigabyte H610M S2H DDR5" aria-label="Gigabyte H610M S2H DDR5" data-product-price="215"><img src="https://laptopshop.ba/tmp/cache/img/6c1f6098.1754487301/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga.png" alt="Gigabyte H610M S2H DDR5" 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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-title">Gigabyte H610M S2H DDR5</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Napredne HDMI i DP opcije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više USB priključaka </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilna s LGA1700 procesorima </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte H610M S2H DDR5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 215 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="215.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1327432535" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1986" 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="15111164ff6794cda0512be15b4b830e8a3be1fd%3AItem.product_id%7CItem.quantity" id="TokenFields1274687986" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1949349135" 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%221986%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1168567618"></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-1986" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1986" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1986" data-product-title="Gigabyte H610M S2H DDR5" data-product-category="maticne-ploce" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-image-link" itemprop="url" data-product-id="2253" data-product-name="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" aria-label="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-price="217.38"><img src="https://laptopshop.ba/tmp/cache/img/160a07ab.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo.jpg" alt="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-title">Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO</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"> 217,38 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="217.38" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1827090583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2253" 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="3f59d8a2710d630ca9c3f4af0f8098f5c1216700%3AItem.product_id%7CItem.quantity" id="TokenFields2047033078" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked687331510" 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%222253%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug493447167"></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-2253" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2253" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2253" data-product-title="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-image-link" itemprop="url" data-product-id="1889" data-product-name="COUGAR GAMING CGR-5KA1W-RGB" aria-label="COUGAR GAMING CGR-5KA1W-RGB" data-product-price="219.69"><img src="https://laptopshop.ba/tmp/cache/img/6e102526.1754487222/cougar-gaming-cgr-5ka1w-rgb_1754487222.png" alt="COUGAR GAMING CGR-5KA1W-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-title">COUGAR GAMING CGR-5KA1W-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 219,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="219.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token74013177" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1889" 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="f59228b099fcb6f5f077378d9d8c6bea9f546076%3AItem.product_id%7CItem.quantity" id="TokenFields185438370" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked39575909" 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%221889%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2021191411"></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-1889" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1889" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1889" data-product-title="COUGAR GAMING CGR-5KA1W-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-image-link" itemprop="url" data-product-id="2251" data-product-name="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" aria-label="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-price="220.4"><img src="https://laptopshop.ba/tmp/cache/img/1e18957f.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-expo.jpg" alt="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-title">Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;</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"> 220,40 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="220.40" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1370143100" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2251" 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="84901d112b91892df8a4cce9e15c97e566c49891%3AItem.product_id%7CItem.quantity" id="TokenFields1951600962" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1541069708" 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%222251%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1526746040"></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-2251" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2251" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2251" data-product-title="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-image-link" itemprop="url" data-product-id="2130" data-product-name="Gigabyte Liquid Cooler GME 360mm ARGB Crni" aria-label="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-price="221"><img src="https://laptopshop.ba/tmp/cache/img/4ecf5d0d.1754487884/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4.jpg" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-title">Gigabyte Liquid Cooler GME 360mm ARGB Crni</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 360mm radijator za efikasno hlađenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Tri ARGB ventilatora za spektakularne svjetlosne efekte </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilan s Intel i AMD socketima </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Optimalan za gaming i overclocking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan crni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token548852842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2130" 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="9fed4f860f0cd7525567af85d50785faf06ee06e%3AItem.product_id%7CItem.quantity" id="TokenFields1702668086" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked807209921" 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%222130%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug833801756"></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-2130" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2130" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2130" data-product-title="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-category="hladenje" 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-22" /> <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/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-image-link" itemprop="url" data-product-id="1709" data-product-name="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" aria-label="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-price="221.41"><img src="https://laptopshop.ba/tmp/cache/img/27cb3b13.1754486992/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black.png" alt="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-title">CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221,41 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.41" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1896392344" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1709" 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="b575a58ef66d270b6e0fec5d466007419f5e485c%3AItem.product_id%7CItem.quantity" id="TokenFields2109009159" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked219853678" 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%221709%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug605828199"></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-1709" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1709" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1709" data-product-title="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-image-link" itemprop="url" data-product-id="2517" data-product-name="HP LaserJet M111w Printer" aria-label="HP LaserJet M111w Printer" data-product-price="223.37"><img src="https://laptopshop.ba/tmp/cache/img/7445ee75.1754489501/hp-laserjet-m111w-printer.jpg" alt="HP LaserJet M111w Printer" 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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-title">HP LaserJet M111w Printer</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/hp.png" alt="HP LaserJet M111w Printer"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 223,37 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="223.37" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1164509583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2517" 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="46ebe802c9a52666c7d4c4abc594b9e8f42f2af5%3AItem.product_id%7CItem.quantity" id="TokenFields853542960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1059717387" 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%222517%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug285192105"></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-2517" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2517" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2517" data-product-title="HP LaserJet M111w Printer" data-product-category="printeri" 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-22" /> <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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-image-link" itemprop="url" data-product-id="1901" data-product-name="ASRock H610M-HDVM.2+ D5 Micro ATX" aria-label="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/21c77249.1754487258/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx.png" alt="ASRock H610M-HDVM.2+ D5 Micro ATX" 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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-title">ASRock H610M-HDVM.2+ D5 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više izlaza za video </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna Micro ATX veličina </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Pouzdana ASRock kvaliteta </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1818554408" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1901" 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="23f6af8ae57ea445ae0ac201e8ba60699b8c86cc%3AItem.product_id%7CItem.quantity" id="TokenFields2130371180" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1692872161" 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%221901%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug782115152"></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-1901" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1901" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1901" data-product-title="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-image-link" itemprop="url" data-product-id="1933" data-product-name="ASUS PRIME H610M-K mATX" aria-label="ASUS PRIME H610M-K mATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/5275ed93.1754487274/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx.jpg" alt="ASUS PRIME H610M-K mATX" 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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-title">ASUS PRIME H610M-K mATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan mATX format </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brza M.2 konekcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruki USB portovi </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> HDMI i VGA izlazi </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS PRIME H610M-K mATX"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1672368025" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1933" 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="2f58be90172bd8c3afcdd2ce92e3af0f08982e20%3AItem.product_id%7CItem.quantity" id="TokenFields1270659183" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1667598528" 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%221933%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug22180867"></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-1933" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1933" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1933" data-product-title="ASUS PRIME H610M-K mATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-image-link" itemprop="url" data-product-id="1909" data-product-name="ASROCK B450M PRO4 R2.0 Micro ATX" aria-label="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/be60cb30.1754487261/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx.png" alt="ASROCK B450M PRO4 R2.0 Micro ATX" 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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-title">ASROCK B450M PRO4 R2.0 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podržava AMD AM4 procesore </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Četiri DDR4 memorijska slota </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ultra brza M.2 podrška </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruke video izlaze </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan Micro ATX dizajn </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1865557199" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1909" 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="3fe04e1fd9a480c3ef2898eb14d0eaa985d04770%3AItem.product_id%7CItem.quantity" id="TokenFields784681711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1372313596" 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%221909%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug973937387"></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-1909" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1909" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1909" data-product-title="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-category="maticne-ploce" 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"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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":"Seagate HDD 4TB SATA3 256MB6Gb\/s,5400RPM,Barracuda","id":2466,"price":211.349999999999994315658113919198513031005859375},{"name":"Chieftec CASE CW-01B-OPMesh ATX workstation","id":1707,"price":211.349999999999994315658113919198513031005859375},{"name":"Gigabyte H610M S2H DDR5","id":1986,"price":215},{"name":"Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO","id":2253,"price":217.3799999999999954525264911353588104248046875},{"name":"COUGAR GAMING CGR-5KA1W-RGB","id":1889,"price":219.68999999999999772626324556767940521240234375},{"name":"Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;","id":2251,"price":220.400000000000005684341886080801486968994140625},{"name":"Gigabyte Liquid Cooler GME 360mm ARGB Crni","id":2130,"price":221},{"name":"CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black","id":1709,"price":221.409999999999996589394868351519107818603515625},{"name":"HP LaserJet M111w Printer","id":2517,"price":223.3700000000000045474735088646411895751953125},{"name":"ASRock H610M-HDVM.2+ D5 Micro ATX","id":1901,"price":225},{"name":"ASUS PRIME H610M-K mATX","id":1933,"price":225},{"name":"ASROCK B450M PRO4 R2.0 Micro ATX","id":1909,"price":225}] } }); </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>ASROCK B450M PRO4 R2.0 Micro ATX</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=23" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-image-link" itemprop="url" data-product-id="2466" data-product-name="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" aria-label="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/0ebfb130.1754488672/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda.jpg" alt="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-title">Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token540476713" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2466" 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="12e1a203b336a909e162bba4a35438522c78b550%3AItem.product_id%7CItem.quantity" id="TokenFields34624057" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked939539162" 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%222466%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1678193345"></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-2466" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2466" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2466" data-product-title="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-category="hdd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-image-link" itemprop="url" data-product-id="1707" data-product-name="Chieftec CASE CW-01B-OPMesh ATX workstation" aria-label="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/41aa37f0.1754486990/chieftec-case-cw-01b-opmesh-atx-workstation.jpg" alt="Chieftec CASE CW-01B-OPMesh ATX workstation" 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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-title">Chieftec CASE CW-01B-OPMesh ATX workstation</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1211984663" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1707" 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="b18e13960dd820d956f0da30ad8d527896b6df2a%3AItem.product_id%7CItem.quantity" id="TokenFields1113073352" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1602764944" 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%221707%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1875673388"></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-1707" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1707" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1707" data-product-title="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-image-link" itemprop="url" data-product-id="1986" data-product-name="Gigabyte H610M S2H DDR5" aria-label="Gigabyte H610M S2H DDR5" data-product-price="215"><img src="https://laptopshop.ba/tmp/cache/img/6c1f6098.1754487301/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga.png" alt="Gigabyte H610M S2H DDR5" 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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-title">Gigabyte H610M S2H DDR5</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Napredne HDMI i DP opcije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više USB priključaka </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilna s LGA1700 procesorima </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte H610M S2H DDR5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 215 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="215.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1327432535" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1986" 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="15111164ff6794cda0512be15b4b830e8a3be1fd%3AItem.product_id%7CItem.quantity" id="TokenFields1274687986" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1949349135" 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%221986%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1168567618"></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-1986" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1986" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1986" data-product-title="Gigabyte H610M S2H DDR5" data-product-category="maticne-ploce" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-image-link" itemprop="url" data-product-id="2253" data-product-name="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" aria-label="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-price="217.38"><img src="https://laptopshop.ba/tmp/cache/img/160a07ab.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo.jpg" alt="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-title">Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO</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"> 217,38 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="217.38" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1827090583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2253" 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="3f59d8a2710d630ca9c3f4af0f8098f5c1216700%3AItem.product_id%7CItem.quantity" id="TokenFields2047033078" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked687331510" 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%222253%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug493447167"></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-2253" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2253" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2253" data-product-title="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-image-link" itemprop="url" data-product-id="1889" data-product-name="COUGAR GAMING CGR-5KA1W-RGB" aria-label="COUGAR GAMING CGR-5KA1W-RGB" data-product-price="219.69"><img src="https://laptopshop.ba/tmp/cache/img/6e102526.1754487222/cougar-gaming-cgr-5ka1w-rgb_1754487222.png" alt="COUGAR GAMING CGR-5KA1W-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-title">COUGAR GAMING CGR-5KA1W-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 219,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="219.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token74013177" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1889" 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="f59228b099fcb6f5f077378d9d8c6bea9f546076%3AItem.product_id%7CItem.quantity" id="TokenFields185438370" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked39575909" 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%221889%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2021191411"></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-1889" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1889" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1889" data-product-title="COUGAR GAMING CGR-5KA1W-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-image-link" itemprop="url" data-product-id="2251" data-product-name="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" aria-label="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-price="220.4"><img src="https://laptopshop.ba/tmp/cache/img/1e18957f.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-expo.jpg" alt="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-title">Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;</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"> 220,40 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="220.40" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1370143100" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2251" 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="84901d112b91892df8a4cce9e15c97e566c49891%3AItem.product_id%7CItem.quantity" id="TokenFields1951600962" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1541069708" 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%222251%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1526746040"></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-2251" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2251" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2251" data-product-title="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-image-link" itemprop="url" data-product-id="2130" data-product-name="Gigabyte Liquid Cooler GME 360mm ARGB Crni" aria-label="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-price="221"><img src="https://laptopshop.ba/tmp/cache/img/4ecf5d0d.1754487884/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4.jpg" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-title">Gigabyte Liquid Cooler GME 360mm ARGB Crni</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 360mm radijator za efikasno hlađenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Tri ARGB ventilatora za spektakularne svjetlosne efekte </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilan s Intel i AMD socketima </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Optimalan za gaming i overclocking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan crni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token548852842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2130" 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="9fed4f860f0cd7525567af85d50785faf06ee06e%3AItem.product_id%7CItem.quantity" id="TokenFields1702668086" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked807209921" 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%222130%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug833801756"></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-2130" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2130" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2130" data-product-title="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-category="hladenje" 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-22" /> <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/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-image-link" itemprop="url" data-product-id="1709" data-product-name="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" aria-label="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-price="221.41"><img src="https://laptopshop.ba/tmp/cache/img/27cb3b13.1754486992/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black.png" alt="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-title">CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221,41 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.41" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1896392344" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1709" 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="b575a58ef66d270b6e0fec5d466007419f5e485c%3AItem.product_id%7CItem.quantity" id="TokenFields2109009159" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked219853678" 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%221709%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug605828199"></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-1709" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1709" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1709" data-product-title="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-image-link" itemprop="url" data-product-id="2517" data-product-name="HP LaserJet M111w Printer" aria-label="HP LaserJet M111w Printer" data-product-price="223.37"><img src="https://laptopshop.ba/tmp/cache/img/7445ee75.1754489501/hp-laserjet-m111w-printer.jpg" alt="HP LaserJet M111w Printer" 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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-title">HP LaserJet M111w Printer</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/hp.png" alt="HP LaserJet M111w Printer"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 223,37 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="223.37" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1164509583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2517" 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="46ebe802c9a52666c7d4c4abc594b9e8f42f2af5%3AItem.product_id%7CItem.quantity" id="TokenFields853542960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1059717387" 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%222517%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug285192105"></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-2517" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2517" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2517" data-product-title="HP LaserJet M111w Printer" data-product-category="printeri" 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-22" /> <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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-image-link" itemprop="url" data-product-id="1901" data-product-name="ASRock H610M-HDVM.2+ D5 Micro ATX" aria-label="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/21c77249.1754487258/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx.png" alt="ASRock H610M-HDVM.2+ D5 Micro ATX" 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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-title">ASRock H610M-HDVM.2+ D5 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više izlaza za video </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna Micro ATX veličina </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Pouzdana ASRock kvaliteta </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1818554408" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1901" 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="23f6af8ae57ea445ae0ac201e8ba60699b8c86cc%3AItem.product_id%7CItem.quantity" id="TokenFields2130371180" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1692872161" 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%221901%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug782115152"></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-1901" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1901" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1901" data-product-title="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-image-link" itemprop="url" data-product-id="1933" data-product-name="ASUS PRIME H610M-K mATX" aria-label="ASUS PRIME H610M-K mATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/5275ed93.1754487274/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx.jpg" alt="ASUS PRIME H610M-K mATX" 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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-title">ASUS PRIME H610M-K mATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan mATX format </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brza M.2 konekcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruki USB portovi </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> HDMI i VGA izlazi </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS PRIME H610M-K mATX"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1672368025" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1933" 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="2f58be90172bd8c3afcdd2ce92e3af0f08982e20%3AItem.product_id%7CItem.quantity" id="TokenFields1270659183" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1667598528" 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%221933%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug22180867"></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-1933" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1933" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1933" data-product-title="ASUS PRIME H610M-K mATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-image-link" itemprop="url" data-product-id="1909" data-product-name="ASROCK B450M PRO4 R2.0 Micro ATX" aria-label="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/be60cb30.1754487261/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx.png" alt="ASROCK B450M PRO4 R2.0 Micro ATX" 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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-title">ASROCK B450M PRO4 R2.0 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podržava AMD AM4 procesore </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Četiri DDR4 memorijska slota </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ultra brza M.2 podrška </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruke video izlaze </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan Micro ATX dizajn </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1865557199" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1909" 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="3fe04e1fd9a480c3ef2898eb14d0eaa985d04770%3AItem.product_id%7CItem.quantity" id="TokenFields784681711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1372313596" 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%221909%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug973937387"></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-1909" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1909" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1909" data-product-title="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-category="maticne-ploce" 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"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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":"Seagate HDD 4TB SATA3 256MB6Gb\/s,5400RPM,Barracuda","id":2466,"price":211.349999999999994315658113919198513031005859375},{"name":"Chieftec CASE CW-01B-OPMesh ATX workstation","id":1707,"price":211.349999999999994315658113919198513031005859375},{"name":"Gigabyte H610M S2H DDR5","id":1986,"price":215},{"name":"Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO","id":2253,"price":217.3799999999999954525264911353588104248046875},{"name":"COUGAR GAMING CGR-5KA1W-RGB","id":1889,"price":219.68999999999999772626324556767940521240234375},{"name":"Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;","id":2251,"price":220.400000000000005684341886080801486968994140625},{"name":"Gigabyte Liquid Cooler GME 360mm ARGB Crni","id":2130,"price":221},{"name":"CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black","id":1709,"price":221.409999999999996589394868351519107818603515625},{"name":"HP LaserJet M111w Printer","id":2517,"price":223.3700000000000045474735088646411895751953125},{"name":"ASRock H610M-HDVM.2+ D5 Micro ATX","id":1901,"price":225},{"name":"ASUS PRIME H610M-K mATX","id":1933,"price":225},{"name":"ASROCK B450M PRO4 R2.0 Micro ATX","id":1909,"price":225}] } }); </script><!-- END /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp -->' ) [protected] _eventManager => object(CakeEventManager) {} [protected] _eventManagerConfigured => true [protected] _normalizedHelperCollection => array( 'Product' => object(ProductHelper) {}, 'Category' => object(CategoryHelper) {}, 'Label' => array( [maximum depth reached] ), 'HtmlFilter' => array( [maximum depth reached] ), 'FacebookChat' => array( [maximum depth reached] ), 'HoneyPot' => array( [maximum depth reached] ), 'Html' => object(CacheHtmlHelper) {}, 'Form' => object(CacheFormHelper) {}, 'Paginator' => object(CachePaginatorHelper) {}, 'Session' => object(SessionHelper) {}, 'Flash' => array( [maximum depth reached] ), 'PageTemplate' => array( [maximum depth reached] ), 'PageRegion' => array( [maximum depth reached] ), 'PageBlock' => array( [maximum depth reached] ), 'TextBlock' => array( [maximum depth reached] ), 'CategoryBlock' => array( [maximum depth reached] ), 'Site' => object(SiteHelper) {}, 'Meta' => object(MetaHelper) {}, 'StructuredData' => array( [maximum depth reached] ), 'AjaxForm' => array( [maximum depth reached] ), 'Crudl' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ), 'EnableDisable' => array( [maximum depth reached] ), 'Filter' => object(FilterHelper) {}, 'FirstCharFilter' => array( [maximum depth reached] ), 'Grid' => array( [maximum depth reached] ), 'Paginate' => object(PaginateHelper) {}, 'Select' => array( [maximum depth reached] ), 'Sort' => array( [maximum depth reached] ), 'Sortable' => array( [maximum depth reached] ), 'Sorter' => array( [maximum depth reached] ), 'Faq' => array( [maximum depth reached] ), 'Menu' => object(MenuHelper) {}, 'Language' => array( [maximum depth reached] ), 'I18nDate' => array( [maximum depth reached] ), 'Region' => array( [maximum depth reached] ), 'Translatable' => array( [maximum depth reached] ), 'DateTime' => array( [maximum depth reached] ), 'HttpAccess' => object(HttpAccessHelper) {}, 'AccessDecision' => array( [maximum depth reached] ), 'Access' => array( [maximum depth reached] ), 'User' => array( [maximum depth reached] ), 'FileSystem' => array( [maximum depth reached] ), 'PageMedia' => array( [maximum depth reached] ), 'ContactInformationBlock' => array( [maximum depth reached] ), 'ProductReviewBlock' => array( [maximum depth reached] ), 'ReviewBlock' => array( [maximum depth reached] ), 'ShopFeaturedBlock' => array( [maximum depth reached] ), 'Address' => array( [maximum depth reached] ), 'Asset' => array( [maximum depth reached] ), 'Color' => array( [maximum depth reached] ), 'File' => array( [maximum depth reached] ), 'GoogleTagManager' => object(GoogleTagManagerHelper) {}, 'Image' => object(ImageHelper) {}, 'ImageHtmlFilter' => array( [maximum depth reached] ), 'Money' => object(MoneyHelper) {}, 'Navigation' => object(NavigationHelper) {}, 'Newsletter' => array( [maximum depth reached] ), 'UserLanguage' => array( [maximum depth reached] ), 'ProfileImage' => array( [maximum depth reached] ), 'Profile' => object(ProfileHelper) {}, 'ProfileAddress' => array( [maximum depth reached] ), 'ProfilePhonenumber' => array( [maximum depth reached] ), 'ProfileEmailAddress' => array( [maximum depth reached] ), 'Property' => array( [maximum depth reached] ), 'PropertyAdmin' => array( [maximum depth reached] ), 'Search' => array( [maximum depth reached] ), 'SiteCss' => array( [maximum depth reached] ), 'TreeDisplay' => array( [maximum depth reached] ), 'MaterialImage' => array( [maximum depth reached] ), 'Pricing' => object(PricingHelper) {}, 'Shop' => array( [maximum depth reached] ), 'Cart' => object(CartHelper) {}, 'CartAssemblage' => array( [maximum depth reached] ), 'CartsPromoProduct' => array( [maximum depth reached] ), 'Order' => array( [maximum depth reached] ), 'OrderLine' => array( [maximum depth reached] ), 'Checkout' => array( [maximum depth reached] ), 'Assembly' => object(CatalogAssemblyHelper) {}, 'Assemblage' => array( [maximum depth reached] ), 'PartRelations' => array( [maximum depth reached] ), 'ProductSet' => array( [maximum depth reached] ), 'PropertySet' => array( [maximum depth reached] ), 'PartSelectionProductSet' => array( [maximum depth reached] ), 'PropertyKeySetting' => array( [maximum depth reached] ), 'Review' => object(ReviewHelper) {}, 'ProductReview' => object(ProductReviewHelper) {}, 'Customer' => array( [maximum depth reached] ), 'CustomerAddress' => array( [maximum depth reached] ), 'Helpdesk' => array( [maximum depth reached] ), 'HelpdeskProperty' => array( [maximum depth reached] ), 'HelpdeskPropertyAdmin' => array( [maximum depth reached] ), 'Invoice' => array( [maximum depth reached] ), 'Payment' => array( [maximum depth reached] ), 'PartialPayment' => array( [maximum depth reached] ), 'Shipment' => array( [maximum depth reached] ), 'ShipmentParcel' => array( [maximum depth reached] ), 'OrderDeliveryCalculator' => object(OrderDeliveryCalculatorHelper) {}, 'ProductGoals' => array( [maximum depth reached] ), 'SaleStatistics' => array( [maximum depth reached] ), 'SaleRule' => array( [maximum depth reached] ), 'SaleShipment' => array( [maximum depth reached] ), 'FeaturedSet' => array( [maximum depth reached] ), 'SprayPay' => object(SprayPayHelper) {}, 'StockPick' => array( [maximum depth reached] ), 'Pick' => array( [maximum depth reached] ), 'TrustedShops' => array( [maximum depth reached] ) ) } $site = object(Site\Model\Entity\Site) { [protected] _properties => array( 'id' => (int) 1, 'site_group_id' => (int) 1, 'domain' => 'LaptopShop.ba', 'title' => 'LaptopShop.ba', 'payoff' => 'LaptopShop.ba', 'theme' => 'GameComputerStore', 'email' => '[email protected]', 'created' => object(Cake\I18n\Time) {}, 'updated' => object(Cake\I18n\Time) {} ) [protected] _original => array() [protected] _hidden => array() [protected] _virtual => array() [protected] _className => null [protected] _dirty => array() [protected] _accessors => array( 'Site\Model\Entity\Site' => array( [maximum depth reached] ), 'Shop\Model\Entity\Shop' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Product' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Category' => array( [maximum depth reached] ), 'Catalog\Model\Entity\CategoriesProduct' => array( [maximum depth reached] ), 'Page\Model\Entity\Page' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Catalog' => array( [maximum depth reached] ), 'SiteFaq\Model\Entity\SiteFaq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Faq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Category' => array( [maximum depth reached] ), 'Faq\Model\Entity\Item' => array( [maximum depth reached] ), 'Faq\Model\Entity\CategoryItem' => array( [maximum depth reached] ), 'Locale\Model\Entity\Language' => array( [maximum depth reached] ), 'CatalogProperty\Model\Entity\PropertyKey' => array( [maximum depth reached] ), 'Shop\Model\Entity\ShopsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Pricelist' => array( [maximum depth reached] ), 'Merchant\Model\Entity\Merchant' => array( [maximum depth reached] ), 'Pricing\Model\Entity\MerchantsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\ProductPrice' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Vat' => array( [maximum depth reached] ), 'CatalogReview\Model\Entity\ProductsReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\ReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\Review' => array( [maximum depth reached] ), 'Stock\Model\Entity\StockItem' => array( [maximum depth reached] ), 'Menu\Model\Entity\Menu' => array( [maximum depth reached] ), 'Menu\Model\Entity\Item' => array( [maximum depth reached] ), 'Route\Model\Entity\Route' => array( [maximum depth reached] ), 'Cart\Model\Entity\Cart' => array( [maximum depth reached] ), 'CatalogSeo\Model\Entity\CategoriesMeta' => array( [maximum depth reached] ) ) [protected] _new => false [protected] _errors => array() [protected] _invalid => array() [protected] _accessible => array( '*' => true ) [protected] _registryAlias => 'Site.Sites' [protected] _unsetProperties => array() } $meta = nullPhpReader::{closure}() - APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14 MetaHelper::getMeta() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 33 MetaHelper::getMetaForCurrentPage() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 64 include - APP/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp, line 4 View::_evaluate() - CORE/Cake/View/View.php, line 971 View::_render() - CORE/Cake/View/View.php, line 933 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::_render() - CORE/Cake/View/View.php, line 945 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::renderLayout() - CORE/Cake/View/View.php, line 546 View::render() - CORE/Cake/View/View.php, line 481 Controller::render() - CORE/Cake/Controller/Controller.php, line 968 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167 SystemDispatcher::dispatch() - APP/Plugin/Module/System/Routing/SystemDispatcher.php, line 41 [main] - APP/webroot/index.php, line 60
Warning (2): Creating default object from empty value [APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14]Code Context}$meta = TableRegistry::get('CatalogSeo.CategoriesMetas')->getMetaForCategory($view->params['pass'][0]);$meta->title = $meta->title;$view = object(PluginThemeView) { Helpers => object(HelperCollection) {} Blocks => object(ViewBlock) {} plugin => 'Catalog' name => 'Categories' passedArgs => array( (int) 0 => '1' ) helpers => array( 'Filter' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ) ) viewPath => 'Categories' viewVars => array( 'filterPropertyKeys' => object(Cake\ORM\ResultSet) {}, 'filterCounts' => array( [maximum depth reached] ), 'fieldCounts' => array( [maximum depth reached] ), 'pageCount' => (float) 53, 'products' => object(Cake\ORM\ResultSet) {}, 'categories' => object(Cake\ORM\ResultSet) {}, 'category' => object(Catalog\Model\Entity\Category) {}, 'cookieConsentStatus' => 'allow', 'content_for_layout' => '<!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp --> <div class="breadcrumbBox"> <div class="container container-mobile"> <div class="row"> <div class="col-xs-12"> <div class="breadcrumb"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <div class="crumb"> <span>Novi Televizori </span> </div> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> </ol> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumbs.ctp --> <div class="facebook-liken"> <div class="facebook-like"> <a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=https://laptopshop.ba/catalog/categories/read/1" class="loginBtn loginBtn--facebook facebook-button"> Dijeli </a> </div> <div class="facebook-like liken"> <a target="_blank" href="https://www.facebook.com/laptopshop" class="loginBtn loginBtn--facebook facebook-button"> Lajkajte nas na Facebooku </a> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="navigation-head mobile-top-70"> <div class="nav-main-row"> <span class="back-to-category"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="#0090e3" width="15px" height="15px" aria-hidden="true"><path fill-rule="evenodd" d="M2.5 10.01c0 .546.224 1.068.62 1.444l7.97 7.58a1.995 1.995 0 0 0 2.75-2.89l-6.453-6.137 6.454-6.152A1.995 1.995 0 0 0 11.088.968l-7.97 7.597A2 2 0 0 0 2.5 10.01"></path></svg> </span> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumbs.ctp --> <ol> <li> <a href="/"> <img alt="Naslovna" src="/game_computer_store/img/home-bread.png"> </a> </li> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --><li> <a href="https://laptopshop.ba/catalog/categories/read/1"> <span>Novi Televizori </span> </a> </li> <!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Category/crumb.ctp --> <li><i class="fa fa-angle-right"></i></li> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/crumb.ctp --><li> <div> <span>ASROCK B450M PRO4 R2.0 Micro ATX</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=23" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-image-link" itemprop="url" data-product-id="2466" data-product-name="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" aria-label="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/0ebfb130.1754488672/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda.jpg" alt="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-title">Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token540476713" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2466" 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="12e1a203b336a909e162bba4a35438522c78b550%3AItem.product_id%7CItem.quantity" id="TokenFields34624057" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked939539162" 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%222466%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1678193345"></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-2466" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2466" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2466" data-product-title="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-category="hdd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-image-link" itemprop="url" data-product-id="1707" data-product-name="Chieftec CASE CW-01B-OPMesh ATX workstation" aria-label="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/41aa37f0.1754486990/chieftec-case-cw-01b-opmesh-atx-workstation.jpg" alt="Chieftec CASE CW-01B-OPMesh ATX workstation" 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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-title">Chieftec CASE CW-01B-OPMesh ATX workstation</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1211984663" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1707" 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="b18e13960dd820d956f0da30ad8d527896b6df2a%3AItem.product_id%7CItem.quantity" id="TokenFields1113073352" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1602764944" 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%221707%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1875673388"></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-1707" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1707" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1707" data-product-title="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-image-link" itemprop="url" data-product-id="1986" data-product-name="Gigabyte H610M S2H DDR5" aria-label="Gigabyte H610M S2H DDR5" data-product-price="215"><img src="https://laptopshop.ba/tmp/cache/img/6c1f6098.1754487301/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga.png" alt="Gigabyte H610M S2H DDR5" 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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-title">Gigabyte H610M S2H DDR5</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Napredne HDMI i DP opcije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više USB priključaka </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilna s LGA1700 procesorima </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte H610M S2H DDR5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 215 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="215.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1327432535" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1986" 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="15111164ff6794cda0512be15b4b830e8a3be1fd%3AItem.product_id%7CItem.quantity" id="TokenFields1274687986" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1949349135" 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%221986%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1168567618"></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-1986" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1986" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1986" data-product-title="Gigabyte H610M S2H DDR5" data-product-category="maticne-ploce" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-image-link" itemprop="url" data-product-id="2253" data-product-name="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" aria-label="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-price="217.38"><img src="https://laptopshop.ba/tmp/cache/img/160a07ab.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo.jpg" alt="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-title">Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO</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"> 217,38 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="217.38" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1827090583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2253" 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="3f59d8a2710d630ca9c3f4af0f8098f5c1216700%3AItem.product_id%7CItem.quantity" id="TokenFields2047033078" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked687331510" 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%222253%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug493447167"></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-2253" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2253" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2253" data-product-title="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-image-link" itemprop="url" data-product-id="1889" data-product-name="COUGAR GAMING CGR-5KA1W-RGB" aria-label="COUGAR GAMING CGR-5KA1W-RGB" data-product-price="219.69"><img src="https://laptopshop.ba/tmp/cache/img/6e102526.1754487222/cougar-gaming-cgr-5ka1w-rgb_1754487222.png" alt="COUGAR GAMING CGR-5KA1W-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-title">COUGAR GAMING CGR-5KA1W-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 219,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="219.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token74013177" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1889" 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="f59228b099fcb6f5f077378d9d8c6bea9f546076%3AItem.product_id%7CItem.quantity" id="TokenFields185438370" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked39575909" 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%221889%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2021191411"></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-1889" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1889" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1889" data-product-title="COUGAR GAMING CGR-5KA1W-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-image-link" itemprop="url" data-product-id="2251" data-product-name="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" aria-label="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-price="220.4"><img src="https://laptopshop.ba/tmp/cache/img/1e18957f.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-expo.jpg" alt="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-title">Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;</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"> 220,40 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="220.40" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1370143100" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2251" 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="84901d112b91892df8a4cce9e15c97e566c49891%3AItem.product_id%7CItem.quantity" id="TokenFields1951600962" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1541069708" 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%222251%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1526746040"></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-2251" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2251" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2251" data-product-title="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-image-link" itemprop="url" data-product-id="2130" data-product-name="Gigabyte Liquid Cooler GME 360mm ARGB Crni" aria-label="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-price="221"><img src="https://laptopshop.ba/tmp/cache/img/4ecf5d0d.1754487884/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4.jpg" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-title">Gigabyte Liquid Cooler GME 360mm ARGB Crni</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 360mm radijator za efikasno hlađenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Tri ARGB ventilatora za spektakularne svjetlosne efekte </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilan s Intel i AMD socketima </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Optimalan za gaming i overclocking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan crni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token548852842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2130" 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="9fed4f860f0cd7525567af85d50785faf06ee06e%3AItem.product_id%7CItem.quantity" id="TokenFields1702668086" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked807209921" 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%222130%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug833801756"></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-2130" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2130" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2130" data-product-title="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-category="hladenje" 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-22" /> <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/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-image-link" itemprop="url" data-product-id="1709" data-product-name="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" aria-label="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-price="221.41"><img src="https://laptopshop.ba/tmp/cache/img/27cb3b13.1754486992/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black.png" alt="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-title">CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221,41 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.41" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1896392344" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1709" 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="b575a58ef66d270b6e0fec5d466007419f5e485c%3AItem.product_id%7CItem.quantity" id="TokenFields2109009159" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked219853678" 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%221709%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug605828199"></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-1709" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1709" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1709" data-product-title="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-image-link" itemprop="url" data-product-id="2517" data-product-name="HP LaserJet M111w Printer" aria-label="HP LaserJet M111w Printer" data-product-price="223.37"><img src="https://laptopshop.ba/tmp/cache/img/7445ee75.1754489501/hp-laserjet-m111w-printer.jpg" alt="HP LaserJet M111w Printer" 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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-title">HP LaserJet M111w Printer</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/hp.png" alt="HP LaserJet M111w Printer"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 223,37 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="223.37" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1164509583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2517" 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="46ebe802c9a52666c7d4c4abc594b9e8f42f2af5%3AItem.product_id%7CItem.quantity" id="TokenFields853542960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1059717387" 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%222517%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug285192105"></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-2517" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2517" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2517" data-product-title="HP LaserJet M111w Printer" data-product-category="printeri" 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-22" /> <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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-image-link" itemprop="url" data-product-id="1901" data-product-name="ASRock H610M-HDVM.2+ D5 Micro ATX" aria-label="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/21c77249.1754487258/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx.png" alt="ASRock H610M-HDVM.2+ D5 Micro ATX" 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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-title">ASRock H610M-HDVM.2+ D5 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više izlaza za video </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna Micro ATX veličina </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Pouzdana ASRock kvaliteta </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1818554408" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1901" 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="23f6af8ae57ea445ae0ac201e8ba60699b8c86cc%3AItem.product_id%7CItem.quantity" id="TokenFields2130371180" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1692872161" 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%221901%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug782115152"></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-1901" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1901" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1901" data-product-title="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-image-link" itemprop="url" data-product-id="1933" data-product-name="ASUS PRIME H610M-K mATX" aria-label="ASUS PRIME H610M-K mATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/5275ed93.1754487274/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx.jpg" alt="ASUS PRIME H610M-K mATX" 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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-title">ASUS PRIME H610M-K mATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan mATX format </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brza M.2 konekcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruki USB portovi </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> HDMI i VGA izlazi </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS PRIME H610M-K mATX"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1672368025" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1933" 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="2f58be90172bd8c3afcdd2ce92e3af0f08982e20%3AItem.product_id%7CItem.quantity" id="TokenFields1270659183" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1667598528" 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%221933%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug22180867"></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-1933" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1933" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1933" data-product-title="ASUS PRIME H610M-K mATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-image-link" itemprop="url" data-product-id="1909" data-product-name="ASROCK B450M PRO4 R2.0 Micro ATX" aria-label="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/be60cb30.1754487261/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx.png" alt="ASROCK B450M PRO4 R2.0 Micro ATX" 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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-title">ASROCK B450M PRO4 R2.0 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podržava AMD AM4 procesore </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Četiri DDR4 memorijska slota </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ultra brza M.2 podrška </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruke video izlaze </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan Micro ATX dizajn </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1865557199" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1909" 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="3fe04e1fd9a480c3ef2898eb14d0eaa985d04770%3AItem.product_id%7CItem.quantity" id="TokenFields784681711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1372313596" 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%221909%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug973937387"></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-1909" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1909" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1909" data-product-title="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-category="maticne-ploce" 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"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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":"Seagate HDD 4TB SATA3 256MB6Gb\/s,5400RPM,Barracuda","id":2466,"price":211.349999999999994315658113919198513031005859375},{"name":"Chieftec CASE CW-01B-OPMesh ATX workstation","id":1707,"price":211.349999999999994315658113919198513031005859375},{"name":"Gigabyte H610M S2H DDR5","id":1986,"price":215},{"name":"Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO","id":2253,"price":217.3799999999999954525264911353588104248046875},{"name":"COUGAR GAMING CGR-5KA1W-RGB","id":1889,"price":219.68999999999999772626324556767940521240234375},{"name":"Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;","id":2251,"price":220.400000000000005684341886080801486968994140625},{"name":"Gigabyte Liquid Cooler GME 360mm ARGB Crni","id":2130,"price":221},{"name":"CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black","id":1709,"price":221.409999999999996589394868351519107818603515625},{"name":"HP LaserJet M111w Printer","id":2517,"price":223.3700000000000045474735088646411895751953125},{"name":"ASRock H610M-HDVM.2+ D5 Micro ATX","id":1901,"price":225},{"name":"ASUS PRIME H610M-K mATX","id":1933,"price":225},{"name":"ASROCK B450M PRO4 R2.0 Micro ATX","id":1909,"price":225}] } }); </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>ASROCK B450M PRO4 R2.0 Micro ATX</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=23" data-toggle="submit" data-id="CatalogProductsFilterForm" id="ProductReadForm" method="get" accept-charset="utf-8"> <div class="categoriesBox"> <div class="title">Kategorija</div> <ul> <li> <a href="/akcije">Akcije</a> </li> <li> <a href="/laptopi/apple-macbook">Apple Macbook</a> </li> <li> <a href="/laptopi/business-laptopi">Business Laptopi</a> </li> <li> <a href="/racunari/desktop-racunari">Desktop računari</a> </li> <li> <a href="/laptopi/gaming-laptopi">Gaming Laptopi</a> </li> <li> <a href="/gaming/gaming-misevi">Gaming miševi</a> </li> <li> <a href="/monitori/gaming-monitori">Gaming monitori</a> </li> <li> <a href="/racunari/gaming-racunari">Gaming računari</a> </li> <li> <a href="/gaming/gaming-slusalice">Gaming slušalice</a> </li> <li> <a href="/gaming/gaming-tastature">Gaming tastature</a> </li> <li> <a href="/komponente/graficke-kartice">Grafičke kartice</a> </li> <li> <a href="/komponente/hdd">HDD</a> </li> <li> <a href="/komponente/hladenje">Hlađenje</a> </li> <li> <a href="/laptopi/home-i-office-laptopi">Home i Office Laptopi</a> </li> <li> <a href="/network/hubovi-and-switchevi">Hubovi &amp; Switchevi</a> </li> <li> <a href="/komponente/maticne-ploce">Matične ploče</a> </li> <li> <a href="/komponente/memorija">Memorija</a> </li> <li> <a href="/monitori">Monitori</a> </li> <li> <a href="/network/mrezne-kartice">Mrežne kartice</a> </li> <li> <a href="/komponente/napajanja">Napajanja</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni/novi-smart-telefoni">Novi Smart Telefoni</a> </li> <li> <a href="/komponente/opticki-uredaji">Optički uređaji</a> </li> <li> <a href="/komponente/pc-kucista">PC Kućišta</a> </li> <li> <a href="/periferija/printeri">Printeri</a> </li> <li> <a href="/komponente/procesori">Procesori</a> </li> <li> <a href="/network/ruteri">Ruteri</a> </li> <li> <a href="/smart-home/smart-mobilni-telefoni">Smart Mobilni Telefoni</a> </li> <li> <a href="/smart-home/smart-satovi">Smart Satovi</a> </li> <li> <a href="/komponente/ssd">SSD</a> </li> </ul> </div> <!-- / range box \ --> <div class="rangeSlider"> <p class="title">Cijena</p> <div class="range"> <div data-enhance="rangeSlider" data-input-min="#ProductPriceMin" data-input-max="#ProductPriceMax" data-min="5" data-max="8309"></div> </div> <div class="form-inline range-values"> <div class="input-group pull-left"> <input name="price_min" value="5" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMin"> <span class="input-group-addon">km</span> </div> <div class="input-group pull-right"> <input name="price_max" value="8309" class="field sliderValue form-control" min="5" max="8309" type="number" id="ProductPriceMax"> <span class="input-group-addon">km</span> </div> </div> </div> <!-- \ range box / --> <!-- Property sets --> <div class="filters panel-group"> </div> <!-- End Property sets --> </form> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/filters.ctp --> </div> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --><!-- / mobile usp block loaded \ --> <div class="mobile-usp"> <ul class="mobile-header-propositions__animated"> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Naručeno <strong class="color--highlight">prije 23:59,</strong> isporučeno sutra </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">2 godine</strong> garancije </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> Novi <strong class="color--highlight">modeli 2025</strong> u pretprodaji </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Brza dostava</strong> i isporuka širom BiH </span> </li> <li> <span class="icon-with-text__icon"> <svg class="icon icon--color-green" aria-hidden="true" viewBox="0 0 48 48" focusable="false"> <path d="M39.39 9.54a5 5 0 1 1 7.22 6.92L23.622 40.447A4.984 4.984 0 0 1 20.052 42a4.984 4.984 0 0 1-3.6-1.477L1.464 25.535a5 5 0 1 1 7.072-7.07l11.388 11.388L39.39 9.54Z"></path> </svg> </span> <span class="icon-with-text__text"> <strong class="color--highlight">Plaćanje na rate</strong> bez kamate do 18 mjeseci </span> </li> <li class="hidden-xl osmijeh"> <a href="https://laptopshop.ba/sve-za-osmijeh"> <img src="https://laptopshop.ba/game_computer_store/img/sve-za-osmijeh-dark.png" alt="Sve za osmijeh"> </a> </li> </ul> </div> <!-- \ mobile usp / --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/usps_block.ctp --> <div class="col-md-9 col-md-12 col-xs-12 categoryBox"> <div class="gridBox"> <div class="row"> <div class="col-sm-12"> <h1 class="maintitle">Novi Televizori </h1> </div> </div> <div class="category-tips" style="display: none;"> <!-- Laptopi --> <div class="tip-section televizori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir Laptopa</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.</p> <ul> <li> <a href="/laptop-savjetnik"> <strong>Novo</strong>: Laptop Savjetnik <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/kako-odabrati-idealan-laptop" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan Laptop? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> <!-- MONITORI --> <div class="tip-section monitori"> <div class="tip-header" onclick="toggleTipContent(this)"> <span>Savjeti za odabir monitora</span> <i class="fa fa-chevron-down"></i> </div> <div class="tip-content"> <p>Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.</p> <ul> <li> <a href="/kako-odabrati-idealan-monitor" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Kako odabrati idealan monitor? <i class="fa fa-question-circle-o"></i> </a> </li> <li> <a href="/mikrofin-placanje-na-rate" data-toggle="modal" data-target="#modalDialog" data-modal-size="large"> Plaćanje na rate <i class="fa fa-question-circle-o"></i> </a> </li> </ul> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { // 1. Funkcija za otvaranje/zatvaranje pojedinačnih sekcija function toggleTipContent(header) { const content = header.nextElementSibling; const icon = header.querySelector('i'); if (content.classList.contains('open')) { content.classList.remove('open'); icon.classList.remove('fa-chevron-up'); icon.classList.add('fa-chevron-down'); } else { content.classList.add('open'); icon.classList.remove('fa-chevron-down'); icon.classList.add('fa-chevron-up'); } } // 2. Selektori const url = window.location.href.toLowerCase(); const monitorSection = document.querySelector(".tip-section.monitori"); const tvSection = document.querySelector(".tip-section.televizori"); const tipsWrapper = document.querySelector(".category-tips"); // 3. Sakrij sve sekcije if (monitorSection) monitorSection.style.display = "none"; if (tvSection) tvSection.style.display = "none"; // 4. Prikaži samo ono što je relevantno i zabilježi da wrapper treba prikazati let shouldShowWrapper = false; if (url.includes("monitori") && monitorSection) { monitorSection.style.display = "block"; shouldShowWrapper = true; } if (url.includes("laptopi") && tvSection) { tvSection.style.display = "block"; shouldShowWrapper = true; } // 5. Prikaz wrappera sa animacijom ako je relevantno if (tipsWrapper && shouldShowWrapper) { tipsWrapper.style.display = "block"; setTimeout(() => { tipsWrapper.classList.add("visible"); }, 15); } // 6. Globalno izlaganje funkcije za otvaranje savjeta window.toggleTipContent = toggleTipContent; }); </script> <div class="row"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Products/pagination.ctp --><div class="col-xs-12"> <form action="/catalog/categories/read/1" data-toggle="submit" method="get" accept-charset="utf-8"> <div class="pagingBox"> <div class="pull-left paging_col"> <label class="label hidden-xs"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-image-link" itemprop="url" data-product-id="2466" data-product-name="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" aria-label="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/0ebfb130.1754488672/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda.jpg" alt="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hdd/seagate-hdd-4tb-sata3-256mb6gb-s5400rpmbarracuda" class="product-title">Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token540476713" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2466" 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="12e1a203b336a909e162bba4a35438522c78b550%3AItem.product_id%7CItem.quantity" id="TokenFields34624057" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked939539162" 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%222466%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1678193345"></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-2466" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2466" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2466" data-product-title="Seagate HDD 4TB SATA3 256MB6Gb/s,5400RPM,Barracuda" data-product-category="hdd" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="2"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-image-link" itemprop="url" data-product-id="1707" data-product-name="Chieftec CASE CW-01B-OPMesh ATX workstation" aria-label="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-price="211.35"><img src="https://laptopshop.ba/tmp/cache/img/41aa37f0.1754486990/chieftec-case-cw-01b-opmesh-atx-workstation.jpg" alt="Chieftec CASE CW-01B-OPMesh ATX workstation" 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/chieftec-case-cw-01b-opmesh-atx-workstation" class="product-title">Chieftec CASE CW-01B-OPMesh ATX workstation</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"> 211,35 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="211.35" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1211984663" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1707" 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="b18e13960dd820d956f0da30ad8d527896b6df2a%3AItem.product_id%7CItem.quantity" id="TokenFields1113073352" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1602764944" 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%221707%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1875673388"></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-1707" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1707" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1707" data-product-title="Chieftec CASE CW-01B-OPMesh ATX workstation" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div class="col--12 product-grid__promo-image-container" style="margin-top: 15px; margin-bottom: 15px;"> <a href="/akcije" title="Special Promotion"> <img src="https://laptopshop.ba/game_computer_store/img/category/category-promotion-desktop-1.jpg" alt="Special Promotion" style="width:100%; height:auto; display:block;"> </a> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="3"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-image-link" itemprop="url" data-product-id="1986" data-product-name="Gigabyte H610M S2H DDR5" aria-label="Gigabyte H610M S2H DDR5" data-product-price="215"><img src="https://laptopshop.ba/tmp/cache/img/6c1f6098.1754487301/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga.png" alt="Gigabyte H610M S2H DDR5" 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/maticne-ploce/gigabyte-h610m-s2h-ddr5lga1700-2xddr5-m2-2xsata8xusb-hdmi-dp-dvi-vga" class="product-title">Gigabyte H610M S2H DDR5</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Napredne HDMI i DP opcije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više USB priključaka </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilna s LGA1700 procesorima </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte H610M S2H DDR5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 215 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="215.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1327432535" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1986" 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="15111164ff6794cda0512be15b4b830e8a3be1fd%3AItem.product_id%7CItem.quantity" id="TokenFields1274687986" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1949349135" 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%221986%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1168567618"></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-1986" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1986" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1986" data-product-title="Gigabyte H610M S2H DDR5" data-product-category="maticne-ploce" 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-image-link" itemprop="url" data-product-id="2253" data-product-name="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" aria-label="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-price="217.38"><img src="https://laptopshop.ba/tmp/cache/img/160a07ab.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo.jpg" alt="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-2x16-cl36-expo" class="product-title">Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO</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"> 217,38 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="217.38" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1827090583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2253" 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="3f59d8a2710d630ca9c3f4af0f8098f5c1216700%3AItem.product_id%7CItem.quantity" id="TokenFields2047033078" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked687331510" 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%222253%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug493447167"></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-2253" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2253" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2253" data-product-title="Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="5"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-image-link" itemprop="url" data-product-id="1889" data-product-name="COUGAR GAMING CGR-5KA1W-RGB" aria-label="COUGAR GAMING CGR-5KA1W-RGB" data-product-price="219.69"><img src="https://laptopshop.ba/tmp/cache/img/6e102526.1754487222/cougar-gaming-cgr-5ka1w-rgb_1754487222.png" alt="COUGAR GAMING CGR-5KA1W-RGB" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/cougar-gaming-cgr-5ka1w-rgb" class="product-title">COUGAR GAMING CGR-5KA1W-RGB</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 219,69 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="219.69" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token74013177" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1889" 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="f59228b099fcb6f5f077378d9d8c6bea9f546076%3AItem.product_id%7CItem.quantity" id="TokenFields185438370" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked39575909" 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%221889%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2021191411"></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-1889" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1889" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1889" data-product-title="COUGAR GAMING CGR-5KA1W-RGB" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div 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-22" /> <div itemprop="item" class="col--12"> <div class="product-grid__card"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> <div class="product coolblue-style" itemscope itemtype="http://schema.org/Product"> <div class="product-left"> <div class="image-container"> <!-- Izbor --> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-image-link" itemprop="url" data-product-id="2251" data-product-name="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" aria-label="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-price="220.4"><img src="https://laptopshop.ba/tmp/cache/img/1e18957f.1754488100/kingston-32gb-5600mhz-ddr5fury-beast-expo.jpg" alt="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/memorija/kingston-32gb-5600mhz-ddr5fury-beast-expo" class="product-title">Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;</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"> 220,40 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="220.40" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1370143100" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2251" 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="84901d112b91892df8a4cce9e15c97e566c49891%3AItem.product_id%7CItem.quantity" id="TokenFields1951600962" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1541069708" 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%222251%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1526746040"></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-2251" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2251" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2251" data-product-title="Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;" data-product-category="memorija" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="7"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-image-link" itemprop="url" data-product-id="2130" data-product-name="Gigabyte Liquid Cooler GME 360mm ARGB Crni" aria-label="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-price="221"><img src="https://laptopshop.ba/tmp/cache/img/4ecf5d0d.1754487884/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4.jpg" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/hladenje/gigabyte-liquid-cooler-gme-360-3x-argb-fan-black-lga-1851-1700-115x-1200-am5-am4" class="product-title">Gigabyte Liquid Cooler GME 360mm ARGB Crni</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 360mm radijator za efikasno hlađenje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Tri ARGB ventilatora za spektakularne svjetlosne efekte </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompatibilan s Intel i AMD socketima </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Optimalan za gaming i overclocking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Moderan crni dizajn </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/gigabyte.png" alt="Gigabyte Liquid Cooler GME 360mm ARGB Crni"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token548852842" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2130" 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="9fed4f860f0cd7525567af85d50785faf06ee06e%3AItem.product_id%7CItem.quantity" id="TokenFields1702668086" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked807209921" 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%222130%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug833801756"></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-2130" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2130" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2130" data-product-title="Gigabyte Liquid Cooler GME 360mm ARGB Crni" data-product-category="hladenje" 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-22" /> <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/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-image-link" itemprop="url" data-product-id="1709" data-product-name="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" aria-label="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-price="221.41"><img src="https://laptopshop.ba/tmp/cache/img/27cb3b13.1754486992/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black.png" alt="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" itemprop="image" width="225" height="225" loading="lazy"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/komponente/pc-kucista/corsair-frame-4000d-case360mm-radiator-170mm-cooler430mm-gpu-atx-black" class="product-title">CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 221,41 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="221.41" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1896392344" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1709" 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="b575a58ef66d270b6e0fec5d466007419f5e485c%3AItem.product_id%7CItem.quantity" id="TokenFields2109009159" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked219853678" 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%221709%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug605828199"></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-1709" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1709" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1709" data-product-title="CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black" data-product-category="pc-kucista" data-product-image="/catalog/categories/read/1" data-product-link="/catalog/categories/read/1" > <!-- The visual part of the switch --> <div class="switch" aria-hidden="true"> <div class="handle"> <svg class="checkmark-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /> </svg> </div> </div> <!-- The text label --> <span class="toggle-text"> Uporedi </span> </label> </div> <!-- End of Component --><!-- END /app/Plugin/Webshop/Catalog/View/Elements/Product/compare-checkbox.ctp --> </div> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Elements/Product/tile.ctp --> </div> </div> </div> <div itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <meta itemprop="position" content="9"> <meta itemprop="priceValidUntil" content="2026-01-22" /> <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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-image-link" itemprop="url" data-product-id="2517" data-product-name="HP LaserJet M111w Printer" aria-label="HP LaserJet M111w Printer" data-product-price="223.37"><img src="https://laptopshop.ba/tmp/cache/img/7445ee75.1754489501/hp-laserjet-m111w-printer.jpg" alt="HP LaserJet M111w Printer" 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="/periferija/printeri/hp-laserjet-m111w-printer" class="product-title">HP LaserJet M111w Printer</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/hp.png" alt="HP LaserJet M111w Printer"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 223,37 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="223.37" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1164509583" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2517" 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="46ebe802c9a52666c7d4c4abc594b9e8f42f2af5%3AItem.product_id%7CItem.quantity" id="TokenFields853542960" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1059717387" 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%222517%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug285192105"></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-2517" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2517" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2517" data-product-title="HP LaserJet M111w Printer" data-product-category="printeri" 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-22" /> <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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-image-link" itemprop="url" data-product-id="1901" data-product-name="ASRock H610M-HDVM.2+ D5 Micro ATX" aria-label="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/21c77249.1754487258/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx.png" alt="ASRock H610M-HDVM.2+ D5 Micro ATX" 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/maticne-ploce/asrock-mb-h610m-hdv-m2-d5intel-h6102xddr5vgahdmidpmicro-atx" class="product-title">ASRock H610M-HDVM.2+ D5 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Više izlaza za video </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktna Micro ATX veličina </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Pouzdana ASRock kvaliteta </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1818554408" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1901" 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="23f6af8ae57ea445ae0ac201e8ba60699b8c86cc%3AItem.product_id%7CItem.quantity" id="TokenFields2130371180" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1692872161" 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%221901%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug782115152"></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-1901" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1901" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1901" data-product-title="ASRock H610M-HDVM.2+ D5 Micro ATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-image-link" itemprop="url" data-product-id="1933" data-product-name="ASUS PRIME H610M-K mATX" aria-label="ASUS PRIME H610M-K mATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/5275ed93.1754487274/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx.jpg" alt="ASUS PRIME H610M-K mATX" 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/maticne-ploce/asus-mb-prime-h610m-klga-1700-2x-ddr51x-m26xusb1x-vga-1x-hdmi-matx" class="product-title">ASUS PRIME H610M-K mATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za DDR5 memoriju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan mATX format </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brza M.2 konekcija </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruki USB portovi </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> HDMI i VGA izlazi </span> </li> </ul> </div> <div class="product-right"> <div class="energylabel"> <ul> <li></li> </ul> </div> <div class="logo-firme"> <img src="https://laptopshop.ba/game_computer_store/img/logo/asus.png" alt="ASUS PRIME H610M-K mATX"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1672368025" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1933" 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="2f58be90172bd8c3afcdd2ce92e3af0f08982e20%3AItem.product_id%7CItem.quantity" id="TokenFields1270659183" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1667598528" 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%221933%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug22180867"></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-1933" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1933" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1933" data-product-title="ASUS PRIME H610M-K mATX" data-product-category="maticne-ploce" 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-22" /> <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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-image-link" itemprop="url" data-product-id="1909" data-product-name="ASROCK B450M PRO4 R2.0 Micro ATX" aria-label="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-price="225"><img src="https://laptopshop.ba/tmp/cache/img/be60cb30.1754487261/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx.png" alt="ASROCK B450M PRO4 R2.0 Micro ATX" 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/maticne-ploce/asrock-mb-b450m-pro4-r20amd-b450am44xddr4m2vgadvihdmimicro-atx" class="product-title">ASROCK B450M PRO4 R2.0 Micro ATX</a> </h4> <div class="review-product"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --><div class="ratings small" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> <meta itemprop="ratingValue" content="0"> <meta itemprop="reviewCount" content="0"> <meta itemprop="bestRating" content="10"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --><ol class="rating"> <li>Star</li><li>Star</li><li>Star</li><li>Star</li><li>Star</li></ol><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Review/Elements/Rating/rating.ctp --> <span class="review-text product-ctp"> 0 Recenzije</a> </span> </div><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/CatalogReview/Elements/Rating/product.ctp --> </div> <div class="short-des"> </div> <ul class="product-specs bullet-list"> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podržava AMD AM4 procesore </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Četiri DDR4 memorijska slota </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ultra brza M.2 podrška </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Višestruke video izlaze </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Kompaktan Micro ATX dizajn </span> </li> </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"> 225 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="225.00" /> <meta itemprop="availability" content="https://schema.org/InStock" /> <meta itemprop="priceValidUntil" content="2026-01-22" /> </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="5021c6250442413799404156d1b814183a5228e139d296dfd225529f1cbd91b2297c65650cbfcf8dbe4d8190680323aac750c647a81496fc130a7fce57b7dbba" id="Token1865557199" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1909" 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="3fe04e1fd9a480c3ef2898eb14d0eaa985d04770%3AItem.product_id%7CItem.quantity" id="TokenFields784681711" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1372313596" 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%221909%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug973937387"></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-1909" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1909" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1909" data-product-title="ASROCK B450M PRO4 R2.0 Micro ATX" data-product-category="maticne-ploce" 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"> 265 - 276 od 642 </label> <span class="select"> <select name="page_limit" class="form-control"> <option value="12">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="0">Sve</option> </select> </span><label class="label hidden-xs">Po stranici</label> </div> <div class="pull-left paging"> <!-- BEGIN /app/Plugin/Themed/GameComputerStore/View/Plugin/Scaffold/Elements/Paginate/numbers.ctp --><div class="text-center"> <ul class="pagination"> <li class="previous"><a href="/catalog/categories/read/1?page=22" 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=20" rel="previous">20</a></li> <li><a href="/catalog/categories/read/1?page=21" rel="previous">21</a></li> <li><a href="/catalog/categories/read/1?page=22" rel="previous">22</a></li> <li class="active"><a href="/catalog/categories/read/1?page=23">23</a></li> <li><a href="/catalog/categories/read/1?page=24" rel="next">24</a></li> <li><a href="/catalog/categories/read/1?page=25" rel="next">25</a></li><li class="disabled"><a href="#">…</a></li><li><a href="/catalog/categories/read/1?page=54" rel="last">54</a></li> <li class="next"><a href="/catalog/categories/read/1?page=24" 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":"Seagate HDD 4TB SATA3 256MB6Gb\/s,5400RPM,Barracuda","id":2466,"price":211.349999999999994315658113919198513031005859375},{"name":"Chieftec CASE CW-01B-OPMesh ATX workstation","id":1707,"price":211.349999999999994315658113919198513031005859375},{"name":"Gigabyte H610M S2H DDR5","id":1986,"price":215},{"name":"Kingston 32GB 5600MHz DDR5Fury Beast (2x16), CL36, EXPO","id":2253,"price":217.3799999999999954525264911353588104248046875},{"name":"COUGAR GAMING CGR-5KA1W-RGB","id":1889,"price":219.68999999999999772626324556767940521240234375},{"name":"Kingston 32GB 5600MHz DDR5;Fury Beast; EXPO;","id":2251,"price":220.400000000000005684341886080801486968994140625},{"name":"Gigabyte Liquid Cooler GME 360mm ARGB Crni","id":2130,"price":221},{"name":"CORSAIR FRAME 4000D Case360mm radiator, 170mm cooler430mm GPU, ATX, Black","id":1709,"price":221.409999999999996589394868351519107818603515625},{"name":"HP LaserJet M111w Printer","id":2517,"price":223.3700000000000045474735088646411895751953125},{"name":"ASRock H610M-HDVM.2+ D5 Micro ATX","id":1901,"price":225},{"name":"ASUS PRIME H610M-K mATX","id":1933,"price":225},{"name":"ASROCK B450M PRO4 R2.0 Micro ATX","id":1909,"price":225}] } }); </script><!-- END /app/Plugin/Module/GoogleTagManager/View/Elements/product_impressions.ctp --><!-- END /app/Plugin/Themed/GameComputerStore/View/Plugin/Catalog/Categories/read.ctp -->' ) [protected] _eventManager => object(CakeEventManager) {} [protected] _eventManagerConfigured => true [protected] _normalizedHelperCollection => array( 'Product' => object(ProductHelper) {}, 'Category' => object(CategoryHelper) {}, 'Label' => array( [maximum depth reached] ), 'HtmlFilter' => array( [maximum depth reached] ), 'FacebookChat' => array( [maximum depth reached] ), 'HoneyPot' => array( [maximum depth reached] ), 'Html' => object(CacheHtmlHelper) {}, 'Form' => object(CacheFormHelper) {}, 'Paginator' => object(CachePaginatorHelper) {}, 'Session' => object(SessionHelper) {}, 'Flash' => array( [maximum depth reached] ), 'PageTemplate' => array( [maximum depth reached] ), 'PageRegion' => array( [maximum depth reached] ), 'PageBlock' => array( [maximum depth reached] ), 'TextBlock' => array( [maximum depth reached] ), 'CategoryBlock' => array( [maximum depth reached] ), 'Site' => object(SiteHelper) {}, 'Meta' => object(MetaHelper) {}, 'StructuredData' => array( [maximum depth reached] ), 'AjaxForm' => array( [maximum depth reached] ), 'Crudl' => array( [maximum depth reached] ), 'Destination' => array( [maximum depth reached] ), 'EnableDisable' => array( [maximum depth reached] ), 'Filter' => object(FilterHelper) {}, 'FirstCharFilter' => array( [maximum depth reached] ), 'Grid' => array( [maximum depth reached] ), 'Paginate' => object(PaginateHelper) {}, 'Select' => array( [maximum depth reached] ), 'Sort' => array( [maximum depth reached] ), 'Sortable' => array( [maximum depth reached] ), 'Sorter' => array( [maximum depth reached] ), 'Faq' => array( [maximum depth reached] ), 'Menu' => object(MenuHelper) {}, 'Language' => array( [maximum depth reached] ), 'I18nDate' => array( [maximum depth reached] ), 'Region' => array( [maximum depth reached] ), 'Translatable' => array( [maximum depth reached] ), 'DateTime' => array( [maximum depth reached] ), 'HttpAccess' => object(HttpAccessHelper) {}, 'AccessDecision' => array( [maximum depth reached] ), 'Access' => array( [maximum depth reached] ), 'User' => array( [maximum depth reached] ), 'FileSystem' => array( [maximum depth reached] ), 'PageMedia' => array( [maximum depth reached] ), 'ContactInformationBlock' => array( [maximum depth reached] ), 'ProductReviewBlock' => array( [maximum depth reached] ), 'ReviewBlock' => array( [maximum depth reached] ), 'ShopFeaturedBlock' => array( [maximum depth reached] ), 'Address' => array( [maximum depth reached] ), 'Asset' => array( [maximum depth reached] ), 'Color' => array( [maximum depth reached] ), 'File' => array( [maximum depth reached] ), 'GoogleTagManager' => object(GoogleTagManagerHelper) {}, 'Image' => object(ImageHelper) {}, 'ImageHtmlFilter' => array( [maximum depth reached] ), 'Money' => object(MoneyHelper) {}, 'Navigation' => object(NavigationHelper) {}, 'Newsletter' => array( [maximum depth reached] ), 'UserLanguage' => array( [maximum depth reached] ), 'ProfileImage' => array( [maximum depth reached] ), 'Profile' => object(ProfileHelper) {}, 'ProfileAddress' => array( [maximum depth reached] ), 'ProfilePhonenumber' => array( [maximum depth reached] ), 'ProfileEmailAddress' => array( [maximum depth reached] ), 'Property' => array( [maximum depth reached] ), 'PropertyAdmin' => array( [maximum depth reached] ), 'Search' => array( [maximum depth reached] ), 'SiteCss' => array( [maximum depth reached] ), 'TreeDisplay' => array( [maximum depth reached] ), 'MaterialImage' => array( [maximum depth reached] ), 'Pricing' => object(PricingHelper) {}, 'Shop' => array( [maximum depth reached] ), 'Cart' => object(CartHelper) {}, 'CartAssemblage' => array( [maximum depth reached] ), 'CartsPromoProduct' => array( [maximum depth reached] ), 'Order' => array( [maximum depth reached] ), 'OrderLine' => array( [maximum depth reached] ), 'Checkout' => array( [maximum depth reached] ), 'Assembly' => object(CatalogAssemblyHelper) {}, 'Assemblage' => array( [maximum depth reached] ), 'PartRelations' => array( [maximum depth reached] ), 'ProductSet' => array( [maximum depth reached] ), 'PropertySet' => array( [maximum depth reached] ), 'PartSelectionProductSet' => array( [maximum depth reached] ), 'PropertyKeySetting' => array( [maximum depth reached] ), 'Review' => object(ReviewHelper) {}, 'ProductReview' => object(ProductReviewHelper) {}, 'Customer' => array( [maximum depth reached] ), 'CustomerAddress' => array( [maximum depth reached] ), 'Helpdesk' => array( [maximum depth reached] ), 'HelpdeskProperty' => array( [maximum depth reached] ), 'HelpdeskPropertyAdmin' => array( [maximum depth reached] ), 'Invoice' => array( [maximum depth reached] ), 'Payment' => array( [maximum depth reached] ), 'PartialPayment' => array( [maximum depth reached] ), 'Shipment' => array( [maximum depth reached] ), 'ShipmentParcel' => array( [maximum depth reached] ), 'OrderDeliveryCalculator' => object(OrderDeliveryCalculatorHelper) {}, 'ProductGoals' => array( [maximum depth reached] ), 'SaleStatistics' => array( [maximum depth reached] ), 'SaleRule' => array( [maximum depth reached] ), 'SaleShipment' => array( [maximum depth reached] ), 'FeaturedSet' => array( [maximum depth reached] ), 'SprayPay' => object(SprayPayHelper) {}, 'StockPick' => array( [maximum depth reached] ), 'Pick' => array( [maximum depth reached] ), 'TrustedShops' => array( [maximum depth reached] ) ) } $site = object(Site\Model\Entity\Site) { [protected] _properties => array( 'id' => (int) 1, 'site_group_id' => (int) 1, 'domain' => 'LaptopShop.ba', 'title' => 'LaptopShop.ba', 'payoff' => 'LaptopShop.ba', 'theme' => 'GameComputerStore', 'email' => '[email protected]', 'created' => object(Cake\I18n\Time) {}, 'updated' => object(Cake\I18n\Time) {} ) [protected] _original => array() [protected] _hidden => array() [protected] _virtual => array() [protected] _className => null [protected] _dirty => array() [protected] _accessors => array( 'Site\Model\Entity\Site' => array( [maximum depth reached] ), 'Shop\Model\Entity\Shop' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Product' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Category' => array( [maximum depth reached] ), 'Catalog\Model\Entity\CategoriesProduct' => array( [maximum depth reached] ), 'Page\Model\Entity\Page' => array( [maximum depth reached] ), 'Catalog\Model\Entity\Catalog' => array( [maximum depth reached] ), 'SiteFaq\Model\Entity\SiteFaq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Faq' => array( [maximum depth reached] ), 'Faq\Model\Entity\Category' => array( [maximum depth reached] ), 'Faq\Model\Entity\Item' => array( [maximum depth reached] ), 'Faq\Model\Entity\CategoryItem' => array( [maximum depth reached] ), 'Locale\Model\Entity\Language' => array( [maximum depth reached] ), 'CatalogProperty\Model\Entity\PropertyKey' => array( [maximum depth reached] ), 'Shop\Model\Entity\ShopsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Pricelist' => array( [maximum depth reached] ), 'Merchant\Model\Entity\Merchant' => array( [maximum depth reached] ), 'Pricing\Model\Entity\MerchantsPricelist' => array( [maximum depth reached] ), 'Pricing\Model\Entity\ProductPrice' => array( [maximum depth reached] ), 'Pricing\Model\Entity\Vat' => array( [maximum depth reached] ), 'CatalogReview\Model\Entity\ProductsReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\ReviewBundle' => array( [maximum depth reached] ), 'Review\Model\Entity\Review' => array( [maximum depth reached] ), 'Stock\Model\Entity\StockItem' => array( [maximum depth reached] ), 'Menu\Model\Entity\Menu' => array( [maximum depth reached] ), 'Menu\Model\Entity\Item' => array( [maximum depth reached] ), 'Route\Model\Entity\Route' => array( [maximum depth reached] ), 'Cart\Model\Entity\Cart' => array( [maximum depth reached] ), 'CatalogSeo\Model\Entity\CategoriesMeta' => array( [maximum depth reached] ) ) [protected] _new => false [protected] _errors => array() [protected] _invalid => array() [protected] _accessible => array( '*' => true ) [protected] _registryAlias => 'Site.Sites' [protected] _unsetProperties => array() } $meta = object(stdClass) { }PhpReader::{closure}() - APP/Plugin/Cms/CatalogSeo/Config/config.php, line 14 MetaHelper::getMeta() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 33 MetaHelper::getMetaForCurrentPage() - APP/Plugin/Cms/Seo/View/Helper/MetaHelper.php, line 64 include - APP/Plugin/Themed/GameComputerStore/View/Layouts/base.ctp, line 4 View::_evaluate() - CORE/Cake/View/View.php, line 971 View::_render() - CORE/Cake/View/View.php, line 933 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::_render() - CORE/Cake/View/View.php, line 945 PluginThemeView::_render() - APP/Plugin/Module/Theme/View/PluginThemeView.php, line 16 View::renderLayout() - CORE/Cake/View/View.php, line 546 View::render() - CORE/Cake/View/View.php, line 481 Controller::render() - CORE/Cake/Controller/Controller.php, line 968 Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 200 Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167 SystemDispatcher::dispatch() - APP/Plugin/Module/System/Routing/SystemDispatcher.php, line 41 [main] - APP/webroot/index.php, line 60
Vaša korpa je trenutno prazna.
Laptop birajte prema veličini ekrana, performansama, trajnosti baterije i funkcijama koje vam trebaju.
Prilikom izbora monitora važno je obratiti pažnju na veličinu, vrstu panela, rezoluciju i frekvenciju osvježavanja.
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Na zalihi
Prijavite se na newsletter i ostvarite 10 KM popusta na Vaš novi Laptop!
Poštujemo Vašu privatnost. Nećemo slati spam.
