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>HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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=45" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-image-link" itemprop="url" data-product-id="1453" data-product-name="32 Samsung Odyssey G7 4K UHD Monitor" aria-label="32" Samsung Odyssey G7 4K UHD Monitor" data-product-price="1345"><img src="https://laptopshop.ba/tmp/cache/img/ac41003a.1754466695/samsung-32-odyssey-g7-4k-uhd3840x2160-ips-10001-180hz350cd-2xhdmi-dp-usb-pivot-tilt-swi.png" alt="32" Samsung Odyssey G7 4K UHD Monitor" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-title">32" Samsung Odyssey G7 4K UHD Monitor</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"> 4K UHD rezolucija za kristalno čistu sliku </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> IPS ekran za živopisne boje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 180Hz osvježavanje za ultra glatko iskustvo </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> FreeSync Premium za besprijekornu akciju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podesiv dizajn za maksimalnu udobnost </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/samsung.png" alt="32" Samsung Odyssey G7 4K UHD Monitor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.345 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1345.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,01 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token849788141" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1453" 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="ad3bbad63a89d2c6d30b35ca99240442a9cdc6fa%3AItem.product_id%7CItem.quantity" id="TokenFields1498219908" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked272409295" 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%221453%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1616146924"></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-1453" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1453" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1453" data-product-title="32" Samsung Odyssey G7 4K UHD Monitor" data-product-category="monitori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-image-link" itemprop="url" data-product-id="2780" data-product-name="HP Pro Tower 290 G9 i5 16GB 512GB" aria-label="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/185c6690.1767777885/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god.jpg" alt="HP Pro Tower 290 G9 i5 16GB 512GB" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-title">HP Pro Tower 290 G9 i5 16GB 512GB</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"> 6-jezgreni Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze DDR4 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB NVMe SSD za brzinu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za VGA i HDMI </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine onsite garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5 16GB 512GB"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token543824786" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2780" 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="52f473f7d86c30bebcc1e590759c899822ac396b%3AItem.product_id%7CItem.quantity" id="TokenFields40909556" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2070896596" 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%222780%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug130749689"></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-2780" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2780" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2780" data-product-title="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-category="desktop-racunari" 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/procesori/amd-100-100001277wof" class="product-image-link" itemprop="url" data-product-id="2691" data-product-name="AMD Ryzen 9 9950X sa Radeon Grafikom" aria-label="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/0175987f.1757681826/amd-100-100001277wof_1757681826.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom" 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/procesori/amd-100-100001277wof" class="product-title">AMD Ryzen 9 9950X sa Radeon Grafikom</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"> 16 jezgara za vrhunske performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Turbo brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ugrađena Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 platformu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 80MB priručne memorije </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/amd.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1439200293" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2691" 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="91b580c4c9a9f42cac15947b7ebbb811877b416d%3AItem.product_id%7CItem.quantity" id="TokenFields880935372" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked194777135" 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%222691%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug95032636"></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-2691" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2691" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2691" data-product-title="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-category="procesori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-image-link" itemprop="url" data-product-id="2785" data-product-name="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" aria-label="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/43cde903.1767777886/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-title">HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6</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"> Intel Core i5 performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz 512GB NVMe SSD </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token913060172" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2785" 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="7751f5254d2fbe21147871c46ec987297749ca28%3AItem.product_id%7CItem.quantity" id="TokenFields945232536" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1191548069" 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%222785%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1500051414"></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-2785" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2785" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2785" data-product-title="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-category="desktop-racunari" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2632" data-product-name="Intel Gaming Računar" aria-label="Intel Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/940337cf.1755078349/Intel-Gaming-Racunar---PC.jpg" alt="Intel Gaming Računar" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-title">Intel Gaming Računar</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/intel.png" alt="Intel Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1495819395" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2632" 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="c52c97935ae950bd4616af84a754ab9cb5e17359%3AItem.product_id%7CItem.quantity" id="TokenFields1242248364" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1561543452" 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%222632%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug907093144"></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-2632" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2632" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2632" data-product-title="Intel Gaming Računar" data-product-category="gaming-racunari" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2634" data-product-name="AMD Gaming Računar" aria-label="AMD Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/ea9f3bef.1755078329/AMD-Gaming-Racunar---PC.jpg" alt="AMD Gaming Računar" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-title">AMD Gaming Računar</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/amd.png" alt="AMD Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token704040201" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2634" 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="3655439d5b703ac158d52e183d6e77bb90fd545d%3AItem.product_id%7CItem.quantity" id="TokenFields481066280" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked676676507" 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%222634%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug229149691"></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-2634" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2634" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2634" data-product-title="AMD Gaming Računar" data-product-category="gaming-racunari" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-image-link" itemprop="url" data-product-id="2802" data-product-name="Intel Core Ultra 9 285K 5.7GHz Procesor" aria-label="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-price="1399"><img src="https://laptopshop.ba/tmp/cache/img/be3110e9.1767779762/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka.jpg" alt="Intel Core Ultra 9 285K 5.7GHz Procesor" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-title">Intel Core Ultra 9 285K 5.7GHz Procesor</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"> Brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 36MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za LGA1851 socket </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Idealno za entuzijaste i gamere </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bez hladnjaka - prilagodite po želji </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/intel.png" alt="Intel Core Ultra 9 285K 5.7GHz Procesor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.399 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1399.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">86,35 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token702089311" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2802" 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="3d982e722376680e3e2590be9d6e63ff25975bb5%3AItem.product_id%7CItem.quantity" id="TokenFields133920727" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked22717548" 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%222802%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1152648450"></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-2802" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2802" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2802" data-product-title="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-category="procesori" 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/procesori/amd-100-100001368wof" class="product-image-link" itemprop="url" data-product-id="2684" data-product-name="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" aria-label="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-price="1419"><img src="https://laptopshop.ba/tmp/cache/img/1ac558fb.1757681824/amd-100-100001368wof_1757681824.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" 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/procesori/amd-100-100001368wof" class="product-title">AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom</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"> Visoke brzine do 5.5GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 12 jezgara i 24 threada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Integrisana Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 140MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 socket </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/amd.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.419 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1419.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">87,58 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1190232435" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2684" 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="8019a47c07ce1e40fa1aa9fbf2a95479ceab39ac%3AItem.product_id%7CItem.quantity" id="TokenFields1893695993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked773331146" 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%222684%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2031046059"></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-2684" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2684" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2684" data-product-title="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-category="procesori" 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="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-image-link" itemprop="url" data-product-id="2727" data-product-name="17.3 Acer Aspire A17 sa Intel i5" aria-label="17.3" Acer Aspire A17 sa Intel i5" data-product-price="1459"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-title">17.3" Acer Aspire A17 sa Intel i5</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"> Prostran 17.3" IPS ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze LPDDR5 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantan Steel Gray 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/acer.png" alt="17.3" Acer Aspire A17 sa Intel i5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.459 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1459.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,05 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1431335540" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2727" 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="532bd6898ebe532e78a91c839a2f9cef33bf8c13%3AItem.product_id%7CItem.quantity" id="TokenFields1266486279" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1996336525" 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%222727%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1679039991"></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-2727" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2727" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2727" data-product-title="17.3" Acer Aspire A17 sa Intel i5" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-image-link" itemprop="url" data-product-id="2759" data-product-name="15.6 Lenovo V15 Ryzen 7" aria-label="15.6" Lenovo V15 Ryzen 7" data-product-price="1469"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-title">15.6" Lenovo V15 Ryzen 7</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"> Moćan Ryzen 7 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Prostran 15.6" FHD ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi start </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Windows 11 Pro sigurnost </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"> 1.469 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1469.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,67 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1053354922" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2759" 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="a815fb8972ffb3c25017fef1080ed541e54840b0%3AItem.product_id%7CItem.quantity" id="TokenFields363016507" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked600202231" 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%222759%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1783680384"></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-2759" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2759" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2759" data-product-title="15.6" Lenovo V15 Ryzen 7" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-image-link" itemprop="url" data-product-id="2728" data-product-name="15.6 ASUS VivoBook Elegantan i Moćan Laptop" aria-label="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-price="1569"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-title">15.6" ASUS VivoBook Elegantan i Moćan Laptop</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"> Zapanjujući OLED ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 1TB SSD za brzinu i prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Osvijetljena tastatura </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="15.6" ASUS VivoBook Elegantan i Moćan Laptop"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.569 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1569.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">96,84 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1905757328" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2728" 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="203ed71c352f8fdc9f9b50d34c0cb4444be071b8%3AItem.product_id%7CItem.quantity" id="TokenFields437927326" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1787158397" 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%222728%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1214587401"></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-2728" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2728" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2728" data-product-title="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-category="home-i-office-laptopi" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-image-link" itemprop="url" data-product-id="2776" data-product-name="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" aria-label="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-price="1599"><img src="https://laptopshop.ba/tmp/cache/img/56c30bbe.1767777884/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp.jpg" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-title">HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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"> Kompaktno kućište </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i3 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 8GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 256GB SSD za brži rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </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/hp.png" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.599 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1599.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">98,69 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token79146380" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2776" 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="ce9615a907dac89efd2faafa62acd632ac35262d%3AItem.product_id%7CItem.quantity" id="TokenFields1684892787" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked820889015" 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%222776%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug893535490"></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-2776" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2776" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2776" data-product-title="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-category="desktop-racunari" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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":"32\" Samsung Odyssey G7 4K UHD Monitor","id":1453,"price":1345},{"name":"HP Pro Tower 290 G9 i5 16GB 512GB","id":2780,"price":1349},{"name":"AMD Ryzen 9 9950X sa Radeon Grafikom","id":2691,"price":1349},{"name":"HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6","id":2785,"price":1349},{"name":"Intel Gaming Ra\u010dunar","id":2632,"price":1375},{"name":"AMD Gaming Ra\u010dunar","id":2634,"price":1375},{"name":"Intel Core Ultra 9 285K 5.7GHz Procesor","id":2802,"price":1399},{"name":"AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom","id":2684,"price":1419},{"name":"17.3\" Acer Aspire A17 sa Intel i5","id":2727,"price":1459},{"name":"15.6\" Lenovo V15 Ryzen 7","id":2759,"price":1469},{"name":"15.6\" ASUS VivoBook Elegantan i Mo\u0107an Laptop","id":2728,"price":1569},{"name":"HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM","id":2776,"price":1599}] } }); </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>HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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=45" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-image-link" itemprop="url" data-product-id="1453" data-product-name="32 Samsung Odyssey G7 4K UHD Monitor" aria-label="32" Samsung Odyssey G7 4K UHD Monitor" data-product-price="1345"><img src="https://laptopshop.ba/tmp/cache/img/ac41003a.1754466695/samsung-32-odyssey-g7-4k-uhd3840x2160-ips-10001-180hz350cd-2xhdmi-dp-usb-pivot-tilt-swi.png" alt="32" Samsung Odyssey G7 4K UHD Monitor" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-title">32" Samsung Odyssey G7 4K UHD Monitor</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"> 4K UHD rezolucija za kristalno čistu sliku </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> IPS ekran za živopisne boje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 180Hz osvježavanje za ultra glatko iskustvo </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> FreeSync Premium za besprijekornu akciju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podesiv dizajn za maksimalnu udobnost </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/samsung.png" alt="32" Samsung Odyssey G7 4K UHD Monitor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.345 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1345.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,01 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token849788141" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1453" 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="ad3bbad63a89d2c6d30b35ca99240442a9cdc6fa%3AItem.product_id%7CItem.quantity" id="TokenFields1498219908" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked272409295" 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%221453%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1616146924"></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-1453" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1453" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1453" data-product-title="32" Samsung Odyssey G7 4K UHD Monitor" data-product-category="monitori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-image-link" itemprop="url" data-product-id="2780" data-product-name="HP Pro Tower 290 G9 i5 16GB 512GB" aria-label="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/185c6690.1767777885/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god.jpg" alt="HP Pro Tower 290 G9 i5 16GB 512GB" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-title">HP Pro Tower 290 G9 i5 16GB 512GB</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"> 6-jezgreni Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze DDR4 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB NVMe SSD za brzinu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za VGA i HDMI </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine onsite garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5 16GB 512GB"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token543824786" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2780" 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="52f473f7d86c30bebcc1e590759c899822ac396b%3AItem.product_id%7CItem.quantity" id="TokenFields40909556" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2070896596" 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%222780%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug130749689"></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-2780" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2780" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2780" data-product-title="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-category="desktop-racunari" 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/procesori/amd-100-100001277wof" class="product-image-link" itemprop="url" data-product-id="2691" data-product-name="AMD Ryzen 9 9950X sa Radeon Grafikom" aria-label="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/0175987f.1757681826/amd-100-100001277wof_1757681826.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom" 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/procesori/amd-100-100001277wof" class="product-title">AMD Ryzen 9 9950X sa Radeon Grafikom</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"> 16 jezgara za vrhunske performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Turbo brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ugrađena Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 platformu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 80MB priručne memorije </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/amd.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1439200293" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2691" 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="91b580c4c9a9f42cac15947b7ebbb811877b416d%3AItem.product_id%7CItem.quantity" id="TokenFields880935372" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked194777135" 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%222691%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug95032636"></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-2691" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2691" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2691" data-product-title="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-category="procesori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-image-link" itemprop="url" data-product-id="2785" data-product-name="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" aria-label="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/43cde903.1767777886/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-title">HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6</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"> Intel Core i5 performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz 512GB NVMe SSD </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token913060172" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2785" 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="7751f5254d2fbe21147871c46ec987297749ca28%3AItem.product_id%7CItem.quantity" id="TokenFields945232536" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1191548069" 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%222785%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1500051414"></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-2785" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2785" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2785" data-product-title="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-category="desktop-racunari" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2632" data-product-name="Intel Gaming Računar" aria-label="Intel Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/940337cf.1755078349/Intel-Gaming-Racunar---PC.jpg" alt="Intel Gaming Računar" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-title">Intel Gaming Računar</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/intel.png" alt="Intel Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1495819395" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2632" 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="c52c97935ae950bd4616af84a754ab9cb5e17359%3AItem.product_id%7CItem.quantity" id="TokenFields1242248364" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1561543452" 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%222632%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug907093144"></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-2632" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2632" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2632" data-product-title="Intel Gaming Računar" data-product-category="gaming-racunari" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2634" data-product-name="AMD Gaming Računar" aria-label="AMD Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/ea9f3bef.1755078329/AMD-Gaming-Racunar---PC.jpg" alt="AMD Gaming Računar" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-title">AMD Gaming Računar</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/amd.png" alt="AMD Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token704040201" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2634" 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="3655439d5b703ac158d52e183d6e77bb90fd545d%3AItem.product_id%7CItem.quantity" id="TokenFields481066280" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked676676507" 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%222634%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug229149691"></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-2634" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2634" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2634" data-product-title="AMD Gaming Računar" data-product-category="gaming-racunari" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-image-link" itemprop="url" data-product-id="2802" data-product-name="Intel Core Ultra 9 285K 5.7GHz Procesor" aria-label="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-price="1399"><img src="https://laptopshop.ba/tmp/cache/img/be3110e9.1767779762/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka.jpg" alt="Intel Core Ultra 9 285K 5.7GHz Procesor" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-title">Intel Core Ultra 9 285K 5.7GHz Procesor</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"> Brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 36MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za LGA1851 socket </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Idealno za entuzijaste i gamere </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bez hladnjaka - prilagodite po želji </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/intel.png" alt="Intel Core Ultra 9 285K 5.7GHz Procesor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.399 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1399.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">86,35 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token702089311" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2802" 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="3d982e722376680e3e2590be9d6e63ff25975bb5%3AItem.product_id%7CItem.quantity" id="TokenFields133920727" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked22717548" 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%222802%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1152648450"></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-2802" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2802" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2802" data-product-title="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-category="procesori" 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/procesori/amd-100-100001368wof" class="product-image-link" itemprop="url" data-product-id="2684" data-product-name="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" aria-label="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-price="1419"><img src="https://laptopshop.ba/tmp/cache/img/1ac558fb.1757681824/amd-100-100001368wof_1757681824.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" 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/procesori/amd-100-100001368wof" class="product-title">AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom</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"> Visoke brzine do 5.5GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 12 jezgara i 24 threada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Integrisana Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 140MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 socket </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/amd.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.419 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1419.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">87,58 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1190232435" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2684" 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="8019a47c07ce1e40fa1aa9fbf2a95479ceab39ac%3AItem.product_id%7CItem.quantity" id="TokenFields1893695993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked773331146" 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%222684%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2031046059"></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-2684" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2684" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2684" data-product-title="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-category="procesori" 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="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-image-link" itemprop="url" data-product-id="2727" data-product-name="17.3 Acer Aspire A17 sa Intel i5" aria-label="17.3" Acer Aspire A17 sa Intel i5" data-product-price="1459"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-title">17.3" Acer Aspire A17 sa Intel i5</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"> Prostran 17.3" IPS ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze LPDDR5 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantan Steel Gray 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/acer.png" alt="17.3" Acer Aspire A17 sa Intel i5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.459 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1459.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,05 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1431335540" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2727" 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="532bd6898ebe532e78a91c839a2f9cef33bf8c13%3AItem.product_id%7CItem.quantity" id="TokenFields1266486279" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1996336525" 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%222727%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1679039991"></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-2727" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2727" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2727" data-product-title="17.3" Acer Aspire A17 sa Intel i5" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-image-link" itemprop="url" data-product-id="2759" data-product-name="15.6 Lenovo V15 Ryzen 7" aria-label="15.6" Lenovo V15 Ryzen 7" data-product-price="1469"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-title">15.6" Lenovo V15 Ryzen 7</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"> Moćan Ryzen 7 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Prostran 15.6" FHD ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi start </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Windows 11 Pro sigurnost </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"> 1.469 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1469.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,67 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1053354922" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2759" 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="a815fb8972ffb3c25017fef1080ed541e54840b0%3AItem.product_id%7CItem.quantity" id="TokenFields363016507" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked600202231" 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%222759%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1783680384"></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-2759" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2759" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2759" data-product-title="15.6" Lenovo V15 Ryzen 7" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-image-link" itemprop="url" data-product-id="2728" data-product-name="15.6 ASUS VivoBook Elegantan i Moćan Laptop" aria-label="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-price="1569"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-title">15.6" ASUS VivoBook Elegantan i Moćan Laptop</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"> Zapanjujući OLED ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 1TB SSD za brzinu i prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Osvijetljena tastatura </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="15.6" ASUS VivoBook Elegantan i Moćan Laptop"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.569 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1569.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">96,84 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1905757328" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2728" 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="203ed71c352f8fdc9f9b50d34c0cb4444be071b8%3AItem.product_id%7CItem.quantity" id="TokenFields437927326" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1787158397" 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%222728%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1214587401"></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-2728" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2728" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2728" data-product-title="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-category="home-i-office-laptopi" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-image-link" itemprop="url" data-product-id="2776" data-product-name="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" aria-label="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-price="1599"><img src="https://laptopshop.ba/tmp/cache/img/56c30bbe.1767777884/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp.jpg" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-title">HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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"> Kompaktno kućište </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i3 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 8GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 256GB SSD za brži rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </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/hp.png" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.599 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1599.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">98,69 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token79146380" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2776" 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="ce9615a907dac89efd2faafa62acd632ac35262d%3AItem.product_id%7CItem.quantity" id="TokenFields1684892787" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked820889015" 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%222776%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug893535490"></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-2776" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2776" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2776" data-product-title="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-category="desktop-racunari" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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":"32\" Samsung Odyssey G7 4K UHD Monitor","id":1453,"price":1345},{"name":"HP Pro Tower 290 G9 i5 16GB 512GB","id":2780,"price":1349},{"name":"AMD Ryzen 9 9950X sa Radeon Grafikom","id":2691,"price":1349},{"name":"HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6","id":2785,"price":1349},{"name":"Intel Gaming Ra\u010dunar","id":2632,"price":1375},{"name":"AMD Gaming Ra\u010dunar","id":2634,"price":1375},{"name":"Intel Core Ultra 9 285K 5.7GHz Procesor","id":2802,"price":1399},{"name":"AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom","id":2684,"price":1419},{"name":"17.3\" Acer Aspire A17 sa Intel i5","id":2727,"price":1459},{"name":"15.6\" Lenovo V15 Ryzen 7","id":2759,"price":1469},{"name":"15.6\" ASUS VivoBook Elegantan i Mo\u0107an Laptop","id":2728,"price":1569},{"name":"HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM","id":2776,"price":1599}] } }); </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] ), '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>HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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=45" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-image-link" itemprop="url" data-product-id="1453" data-product-name="32 Samsung Odyssey G7 4K UHD Monitor" aria-label="32" Samsung Odyssey G7 4K UHD Monitor" data-product-price="1345"><img src="https://laptopshop.ba/tmp/cache/img/ac41003a.1754466695/samsung-32-odyssey-g7-4k-uhd3840x2160-ips-10001-180hz350cd-2xhdmi-dp-usb-pivot-tilt-swi.png" alt="32" Samsung Odyssey G7 4K UHD Monitor" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-title">32" Samsung Odyssey G7 4K UHD Monitor</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"> 4K UHD rezolucija za kristalno čistu sliku </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> IPS ekran za živopisne boje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 180Hz osvježavanje za ultra glatko iskustvo </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> FreeSync Premium za besprijekornu akciju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podesiv dizajn za maksimalnu udobnost </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/samsung.png" alt="32" Samsung Odyssey G7 4K UHD Monitor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.345 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1345.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,01 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token849788141" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1453" 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="ad3bbad63a89d2c6d30b35ca99240442a9cdc6fa%3AItem.product_id%7CItem.quantity" id="TokenFields1498219908" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked272409295" 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%221453%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1616146924"></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-1453" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1453" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1453" data-product-title="32" Samsung Odyssey G7 4K UHD Monitor" data-product-category="monitori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-image-link" itemprop="url" data-product-id="2780" data-product-name="HP Pro Tower 290 G9 i5 16GB 512GB" aria-label="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/185c6690.1767777885/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god.jpg" alt="HP Pro Tower 290 G9 i5 16GB 512GB" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-title">HP Pro Tower 290 G9 i5 16GB 512GB</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"> 6-jezgreni Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze DDR4 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB NVMe SSD za brzinu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za VGA i HDMI </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine onsite garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5 16GB 512GB"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token543824786" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2780" 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="52f473f7d86c30bebcc1e590759c899822ac396b%3AItem.product_id%7CItem.quantity" id="TokenFields40909556" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2070896596" 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%222780%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug130749689"></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-2780" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2780" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2780" data-product-title="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-category="desktop-racunari" 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/procesori/amd-100-100001277wof" class="product-image-link" itemprop="url" data-product-id="2691" data-product-name="AMD Ryzen 9 9950X sa Radeon Grafikom" aria-label="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/0175987f.1757681826/amd-100-100001277wof_1757681826.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom" 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/procesori/amd-100-100001277wof" class="product-title">AMD Ryzen 9 9950X sa Radeon Grafikom</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"> 16 jezgara za vrhunske performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Turbo brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ugrađena Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 platformu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 80MB priručne memorije </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/amd.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1439200293" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2691" 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="91b580c4c9a9f42cac15947b7ebbb811877b416d%3AItem.product_id%7CItem.quantity" id="TokenFields880935372" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked194777135" 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%222691%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug95032636"></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-2691" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2691" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2691" data-product-title="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-category="procesori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-image-link" itemprop="url" data-product-id="2785" data-product-name="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" aria-label="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/43cde903.1767777886/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-title">HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6</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"> Intel Core i5 performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz 512GB NVMe SSD </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token913060172" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2785" 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="7751f5254d2fbe21147871c46ec987297749ca28%3AItem.product_id%7CItem.quantity" id="TokenFields945232536" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1191548069" 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%222785%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1500051414"></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-2785" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2785" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2785" data-product-title="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-category="desktop-racunari" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2632" data-product-name="Intel Gaming Računar" aria-label="Intel Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/940337cf.1755078349/Intel-Gaming-Racunar---PC.jpg" alt="Intel Gaming Računar" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-title">Intel Gaming Računar</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/intel.png" alt="Intel Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1495819395" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2632" 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="c52c97935ae950bd4616af84a754ab9cb5e17359%3AItem.product_id%7CItem.quantity" id="TokenFields1242248364" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1561543452" 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%222632%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug907093144"></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-2632" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2632" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2632" data-product-title="Intel Gaming Računar" data-product-category="gaming-racunari" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2634" data-product-name="AMD Gaming Računar" aria-label="AMD Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/ea9f3bef.1755078329/AMD-Gaming-Racunar---PC.jpg" alt="AMD Gaming Računar" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-title">AMD Gaming Računar</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/amd.png" alt="AMD Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token704040201" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2634" 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="3655439d5b703ac158d52e183d6e77bb90fd545d%3AItem.product_id%7CItem.quantity" id="TokenFields481066280" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked676676507" 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%222634%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug229149691"></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-2634" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2634" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2634" data-product-title="AMD Gaming Računar" data-product-category="gaming-racunari" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-image-link" itemprop="url" data-product-id="2802" data-product-name="Intel Core Ultra 9 285K 5.7GHz Procesor" aria-label="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-price="1399"><img src="https://laptopshop.ba/tmp/cache/img/be3110e9.1767779762/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka.jpg" alt="Intel Core Ultra 9 285K 5.7GHz Procesor" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-title">Intel Core Ultra 9 285K 5.7GHz Procesor</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"> Brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 36MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za LGA1851 socket </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Idealno za entuzijaste i gamere </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bez hladnjaka - prilagodite po želji </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/intel.png" alt="Intel Core Ultra 9 285K 5.7GHz Procesor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.399 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1399.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">86,35 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token702089311" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2802" 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="3d982e722376680e3e2590be9d6e63ff25975bb5%3AItem.product_id%7CItem.quantity" id="TokenFields133920727" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked22717548" 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%222802%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1152648450"></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-2802" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2802" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2802" data-product-title="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-category="procesori" 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/procesori/amd-100-100001368wof" class="product-image-link" itemprop="url" data-product-id="2684" data-product-name="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" aria-label="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-price="1419"><img src="https://laptopshop.ba/tmp/cache/img/1ac558fb.1757681824/amd-100-100001368wof_1757681824.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" 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/procesori/amd-100-100001368wof" class="product-title">AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom</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"> Visoke brzine do 5.5GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 12 jezgara i 24 threada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Integrisana Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 140MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 socket </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/amd.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.419 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1419.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">87,58 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1190232435" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2684" 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="8019a47c07ce1e40fa1aa9fbf2a95479ceab39ac%3AItem.product_id%7CItem.quantity" id="TokenFields1893695993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked773331146" 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%222684%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2031046059"></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-2684" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2684" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2684" data-product-title="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-category="procesori" 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="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-image-link" itemprop="url" data-product-id="2727" data-product-name="17.3 Acer Aspire A17 sa Intel i5" aria-label="17.3" Acer Aspire A17 sa Intel i5" data-product-price="1459"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-title">17.3" Acer Aspire A17 sa Intel i5</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"> Prostran 17.3" IPS ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze LPDDR5 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantan Steel Gray 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/acer.png" alt="17.3" Acer Aspire A17 sa Intel i5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.459 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1459.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,05 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1431335540" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2727" 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="532bd6898ebe532e78a91c839a2f9cef33bf8c13%3AItem.product_id%7CItem.quantity" id="TokenFields1266486279" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1996336525" 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%222727%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1679039991"></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-2727" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2727" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2727" data-product-title="17.3" Acer Aspire A17 sa Intel i5" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-image-link" itemprop="url" data-product-id="2759" data-product-name="15.6 Lenovo V15 Ryzen 7" aria-label="15.6" Lenovo V15 Ryzen 7" data-product-price="1469"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-title">15.6" Lenovo V15 Ryzen 7</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"> Moćan Ryzen 7 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Prostran 15.6" FHD ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi start </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Windows 11 Pro sigurnost </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"> 1.469 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1469.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,67 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1053354922" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2759" 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="a815fb8972ffb3c25017fef1080ed541e54840b0%3AItem.product_id%7CItem.quantity" id="TokenFields363016507" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked600202231" 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%222759%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1783680384"></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-2759" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2759" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2759" data-product-title="15.6" Lenovo V15 Ryzen 7" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-image-link" itemprop="url" data-product-id="2728" data-product-name="15.6 ASUS VivoBook Elegantan i Moćan Laptop" aria-label="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-price="1569"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-title">15.6" ASUS VivoBook Elegantan i Moćan Laptop</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"> Zapanjujući OLED ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 1TB SSD za brzinu i prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Osvijetljena tastatura </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="15.6" ASUS VivoBook Elegantan i Moćan Laptop"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.569 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1569.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">96,84 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1905757328" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2728" 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="203ed71c352f8fdc9f9b50d34c0cb4444be071b8%3AItem.product_id%7CItem.quantity" id="TokenFields437927326" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1787158397" 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%222728%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1214587401"></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-2728" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2728" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2728" data-product-title="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-category="home-i-office-laptopi" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-image-link" itemprop="url" data-product-id="2776" data-product-name="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" aria-label="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-price="1599"><img src="https://laptopshop.ba/tmp/cache/img/56c30bbe.1767777884/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp.jpg" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-title">HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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"> Kompaktno kućište </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i3 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 8GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 256GB SSD za brži rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </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/hp.png" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.599 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1599.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">98,69 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token79146380" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2776" 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="ce9615a907dac89efd2faafa62acd632ac35262d%3AItem.product_id%7CItem.quantity" id="TokenFields1684892787" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked820889015" 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%222776%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug893535490"></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-2776" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2776" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2776" data-product-title="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-category="desktop-racunari" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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":"32\" Samsung Odyssey G7 4K UHD Monitor","id":1453,"price":1345},{"name":"HP Pro Tower 290 G9 i5 16GB 512GB","id":2780,"price":1349},{"name":"AMD Ryzen 9 9950X sa Radeon Grafikom","id":2691,"price":1349},{"name":"HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6","id":2785,"price":1349},{"name":"Intel Gaming Ra\u010dunar","id":2632,"price":1375},{"name":"AMD Gaming Ra\u010dunar","id":2634,"price":1375},{"name":"Intel Core Ultra 9 285K 5.7GHz Procesor","id":2802,"price":1399},{"name":"AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom","id":2684,"price":1419},{"name":"17.3\" Acer Aspire A17 sa Intel i5","id":2727,"price":1459},{"name":"15.6\" Lenovo V15 Ryzen 7","id":2759,"price":1469},{"name":"15.6\" ASUS VivoBook Elegantan i Mo\u0107an Laptop","id":2728,"price":1569},{"name":"HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM","id":2776,"price":1599}] } }); </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>HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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=45" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-image-link" itemprop="url" data-product-id="1453" data-product-name="32 Samsung Odyssey G7 4K UHD Monitor" aria-label="32" Samsung Odyssey G7 4K UHD Monitor" data-product-price="1345"><img src="https://laptopshop.ba/tmp/cache/img/ac41003a.1754466695/samsung-32-odyssey-g7-4k-uhd3840x2160-ips-10001-180hz350cd-2xhdmi-dp-usb-pivot-tilt-swi.png" alt="32" Samsung Odyssey G7 4K UHD Monitor" 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="/monitori/32-samsung-odyssey-g7-4k-uhd-monitor" class="product-title">32" Samsung Odyssey G7 4K UHD Monitor</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"> 4K UHD rezolucija za kristalno čistu sliku </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> IPS ekran za živopisne boje </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 180Hz osvježavanje za ultra glatko iskustvo </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> FreeSync Premium za besprijekornu akciju </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podesiv dizajn za maksimalnu udobnost </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/samsung.png" alt="32" Samsung Odyssey G7 4K UHD Monitor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.345 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1345.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,01 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token849788141" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="1453" 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="ad3bbad63a89d2c6d30b35ca99240442a9cdc6fa%3AItem.product_id%7CItem.quantity" id="TokenFields1498219908" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked272409295" 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%221453%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1616146924"></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-1453" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-1453" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="1453" data-product-title="32" Samsung Odyssey G7 4K UHD Monitor" data-product-category="monitori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-image-link" itemprop="url" data-product-id="2780" data-product-name="HP Pro Tower 290 G9 i5 16GB 512GB" aria-label="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/185c6690.1767777885/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god.jpg" alt="HP Pro Tower 290 G9 i5 16GB 512GB" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5-1250016gb-1x16gb-3200512gbfreedosno-dvdvgahdmi3god" class="product-title">HP Pro Tower 290 G9 i5 16GB 512GB</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"> 6-jezgreni Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze DDR4 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB NVMe SSD za brzinu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za VGA i HDMI </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine onsite garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5 16GB 512GB"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token543824786" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2780" 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="52f473f7d86c30bebcc1e590759c899822ac396b%3AItem.product_id%7CItem.quantity" id="TokenFields40909556" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked2070896596" 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%222780%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug130749689"></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-2780" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2780" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2780" data-product-title="HP Pro Tower 290 G9 i5 16GB 512GB" data-product-category="desktop-racunari" 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/procesori/amd-100-100001277wof" class="product-image-link" itemprop="url" data-product-id="2691" data-product-name="AMD Ryzen 9 9950X sa Radeon Grafikom" aria-label="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/0175987f.1757681826/amd-100-100001277wof_1757681826.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom" 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/procesori/amd-100-100001277wof" class="product-title">AMD Ryzen 9 9950X sa Radeon Grafikom</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"> 16 jezgara za vrhunske performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Turbo brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Ugrađena Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 platformu </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 80MB priručne memorije </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/amd.png" alt="AMD Ryzen 9 9950X sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1439200293" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2691" 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="91b580c4c9a9f42cac15947b7ebbb811877b416d%3AItem.product_id%7CItem.quantity" id="TokenFields880935372" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked194777135" 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%222691%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug95032636"></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-2691" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2691" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2691" data-product-title="AMD Ryzen 9 9950X sa Radeon Grafikom" data-product-category="procesori" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-image-link" itemprop="url" data-product-id="2785" data-product-name="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" aria-label="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-price="1349"><img src="https://laptopshop.ba/tmp/cache/img/43cde903.1767777886/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" 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="/racunari/desktop-racunari/hp-pro-tower-290-g9-i5135001350016gb512gbfreedosnodvdperiferijawlan3-godine" class="product-title">HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6</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"> Intel Core i5 performanse </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz 512GB NVMe SSD </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 3 godine garancije </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/hp.png" alt="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.349 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1349.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">83,26 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token913060172" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2785" 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="7751f5254d2fbe21147871c46ec987297749ca28%3AItem.product_id%7CItem.quantity" id="TokenFields945232536" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1191548069" 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%222785%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1500051414"></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-2785" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2785" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2785" data-product-title="HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6" data-product-category="desktop-racunari" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2632" data-product-name="Intel Gaming Računar" aria-label="Intel Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/940337cf.1755078349/Intel-Gaming-Racunar---PC.jpg" alt="Intel Gaming Računar" 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="/racunari/gaming-racunari/intel-gaming-racunar" class="product-title">Intel Gaming Računar</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/intel.png" alt="Intel Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1495819395" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2632" 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="c52c97935ae950bd4616af84a754ab9cb5e17359%3AItem.product_id%7CItem.quantity" id="TokenFields1242248364" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1561543452" 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%222632%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug907093144"></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-2632" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2632" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2632" data-product-title="Intel Gaming Računar" data-product-category="gaming-racunari" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-image-link" itemprop="url" data-product-id="2634" data-product-name="AMD Gaming Računar" aria-label="AMD Gaming Računar" data-product-price="1375"><img src="https://laptopshop.ba/tmp/cache/img/ea9f3bef.1755078329/AMD-Gaming-Racunar---PC.jpg" alt="AMD Gaming Računar" 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="/racunari/gaming-racunari/amd-gaming-racunar" class="product-title">AMD Gaming Računar</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/amd.png" alt="AMD Gaming Računar"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.375 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1375.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">84,87 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token704040201" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2634" 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="3655439d5b703ac158d52e183d6e77bb90fd545d%3AItem.product_id%7CItem.quantity" id="TokenFields481066280" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked676676507" 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%222634%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug229149691"></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-2634" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2634" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2634" data-product-title="AMD Gaming Računar" data-product-category="gaming-racunari" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-image-link" itemprop="url" data-product-id="2802" data-product-name="Intel Core Ultra 9 285K 5.7GHz Procesor" aria-label="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-price="1399"><img src="https://laptopshop.ba/tmp/cache/img/be3110e9.1767779762/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka.jpg" alt="Intel Core Ultra 9 285K 5.7GHz Procesor" 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/procesori/intel-core-ultra-9-285kmax-57ghz-36mb-lga1851-boxarrow-lakebez-hladnjaka" class="product-title">Intel Core Ultra 9 285K 5.7GHz Procesor</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"> Brzina do 5.7GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 36MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za LGA1851 socket </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Idealno za entuzijaste i gamere </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Bez hladnjaka - prilagodite po želji </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/intel.png" alt="Intel Core Ultra 9 285K 5.7GHz Procesor"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.399 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1399.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">86,35 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token702089311" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2802" 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="3d982e722376680e3e2590be9d6e63ff25975bb5%3AItem.product_id%7CItem.quantity" id="TokenFields133920727" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked22717548" 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%222802%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1152648450"></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-2802" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2802" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2802" data-product-title="Intel Core Ultra 9 285K 5.7GHz Procesor" data-product-category="procesori" 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/procesori/amd-100-100001368wof" class="product-image-link" itemprop="url" data-product-id="2684" data-product-name="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" aria-label="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-price="1419"><img src="https://laptopshop.ba/tmp/cache/img/1ac558fb.1757681824/amd-100-100001368wof_1757681824.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" 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/procesori/amd-100-100001368wof" class="product-title">AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom</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"> Visoke brzine do 5.5GHz </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 12 jezgara i 24 threada </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Integrisana Radeon grafika </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 140MB keš memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Podrška za AM5 socket </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/amd.png" alt="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.419 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1419.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">87,58 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1190232435" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2684" 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="8019a47c07ce1e40fa1aa9fbf2a95479ceab39ac%3AItem.product_id%7CItem.quantity" id="TokenFields1893695993" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked773331146" 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%222684%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug2031046059"></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-2684" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2684" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2684" data-product-title="AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom" data-product-category="procesori" 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="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-image-link" itemprop="url" data-product-id="2727" data-product-name="17.3 Acer Aspire A17 sa Intel i5" aria-label="17.3" Acer Aspire A17 sa Intel i5" data-product-price="1459"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/acer-aspire-a17-51m-56zz173-i5-1334u-16gb-512ssd" class="product-title">17.3" Acer Aspire A17 sa Intel i5</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"> Prostran 17.3" IPS ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB brze LPDDR5 memorije </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Elegantan Steel Gray 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/acer.png" alt="17.3" Acer Aspire A17 sa Intel i5"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.459 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1459.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,05 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1431335540" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2727" 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="532bd6898ebe532e78a91c839a2f9cef33bf8c13%3AItem.product_id%7CItem.quantity" id="TokenFields1266486279" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1996336525" 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%222727%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1679039991"></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-2727" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2727" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2727" data-product-title="17.3" Acer Aspire A17 sa Intel i5" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-image-link" itemprop="url" data-product-id="2759" data-product-name="15.6 Lenovo V15 Ryzen 7" aria-label="15.6" Lenovo V15 Ryzen 7" data-product-price="1469"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/lenovo-v15-g4156-fhd-r7-7730u-20-45ghz16gb-3200-512gb-ssd-windows-11-pro" class="product-title">15.6" Lenovo V15 Ryzen 7</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"> Moćan Ryzen 7 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Prostran 15.6" FHD ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 512GB SSD za brzi start </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Windows 11 Pro sigurnost </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"> 1.469 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1469.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">90,67 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1053354922" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2759" 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="a815fb8972ffb3c25017fef1080ed541e54840b0%3AItem.product_id%7CItem.quantity" id="TokenFields363016507" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked600202231" 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%222759%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1783680384"></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-2759" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2759" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2759" data-product-title="15.6" Lenovo V15 Ryzen 7" data-product-category="home-i-office-laptopi" 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="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-image-link" itemprop="url" data-product-id="2728" data-product-name="15.6 ASUS VivoBook Elegantan i Moćan Laptop" aria-label="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-price="1569"></a> </div> </div> <div class="product-middle"> <h4 itemprop="name" data-mh="catalog-product-h4"> <a href="/laptopi/home-i-office-laptopi/asus-vivobook-x1505va-l1681156-i5-13420h-16gb-1tb" class="product-title">15.6" ASUS VivoBook Elegantan i Moćan Laptop</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"> Zapanjujući OLED ekran </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Brz Intel i5 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 16GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 1TB SSD za brzinu i prostor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Osvijetljena tastatura </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="15.6" ASUS VivoBook Elegantan i Moćan Laptop"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.569 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1569.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">96,84 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token1905757328" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2728" 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="203ed71c352f8fdc9f9b50d34c0cb4444be071b8%3AItem.product_id%7CItem.quantity" id="TokenFields437927326" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked1787158397" 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%222728%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug1214587401"></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-2728" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2728" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2728" data-product-title="15.6" ASUS VivoBook Elegantan i Moćan Laptop" data-product-category="home-i-office-laptopi" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-image-link" itemprop="url" data-product-id="2776" data-product-name="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" aria-label="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-price="1599"><img src="https://laptopshop.ba/tmp/cache/img/56c30bbe.1767777884/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp.jpg" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" 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="/racunari/desktop-racunari/hp-pro-sff-400g9-13100-8-256131008gb256gbdvdrwwin-11-prowlan-periferija3godhdmidp" class="product-title">HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM</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"> Kompaktno kućište </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Intel Core i3 procesor </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 8GB RAM za multitasking </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> 256GB SSD za brži rad </span> </li> <li class="dynamic-highlight"> <span class="dynamic-highlight__key--with-explanation"> Wi-Fi 6 i Bluetooth 5.3 </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/hp.png" alt="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM"> </div> <div class="price-block"> <div class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer"> <strong class="current-price"> 1.599 km </strong> <meta itemprop="priceCurrency" content="BAM" /> <meta itemprop="price" content="1599.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> <div class="mikrofin-category"> <span class="rate-pay-category"> <p> Već od <span class="price-month">98,69 km/m</span> </p> </span> </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="9c5f10fb3e9be26f32054b94f360359f232f762e7c145b627e8a63d1ed75f7e3280d716be991616de26c350b579328c68eb44b759380d66cc330b403e8b24371" id="Token79146380" autocomplete="off"></div> <input type="hidden" name="data[Item][product_id]" value="2776" 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="ce9615a907dac89efd2faafa62acd632ac35262d%3AItem.product_id%7CItem.quantity" id="TokenFields1684892787" autocomplete="off"><input type="hidden" name="data[_Token][unlocked]" value="" id="TokenUnlocked820889015" 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%222776%22%2C%22Item.quantity%22%3A%221%22%7D%2C%5B%5D%5D" id="TokenDebug893535490"></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-2776" class="toggle-label"> <!-- The actual checkbox, hidden but functional. Your JS will interact with this. --> <input type="checkbox" id="compare-product-2776" class="is-visually-hidden" data-component="comparisonCheckbox" data-product-id="2776" data-product-title="HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM" data-product-category="desktop-racunari" 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"> 529 - 540 od 637 </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=44" 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=42" rel="previous">42</a></li> <li><a href="/catalog/categories/read/1?page=43" rel="previous">43</a></li> <li><a href="/catalog/categories/read/1?page=44" rel="previous">44</a></li> <li class="active"><a href="/catalog/categories/read/1?page=45">45</a></li> <li><a href="/catalog/categories/read/1?page=46" rel="next">46</a></li> <li><a href="/catalog/categories/read/1?page=47" rel="next">47</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=46" 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":"32\" Samsung Odyssey G7 4K UHD Monitor","id":1453,"price":1345},{"name":"HP Pro Tower 290 G9 i5 16GB 512GB","id":2780,"price":1349},{"name":"AMD Ryzen 9 9950X sa Radeon Grafikom","id":2691,"price":1349},{"name":"HP Pro Tower 290 G9 i5, 16GB RAM, 512GB SSD, Wi-Fi 6","id":2785,"price":1349},{"name":"Intel Gaming Ra\u010dunar","id":2632,"price":1375},{"name":"AMD Gaming Ra\u010dunar","id":2634,"price":1375},{"name":"Intel Core Ultra 9 285K 5.7GHz Procesor","id":2802,"price":1399},{"name":"AMD Ryzen 9 9900X3D Desktop CPU sa Radeon Grafikom","id":2684,"price":1419},{"name":"17.3\" Acer Aspire A17 sa Intel i5","id":2727,"price":1459},{"name":"15.6\" Lenovo V15 Ryzen 7","id":2759,"price":1469},{"name":"15.6\" ASUS VivoBook Elegantan i Mo\u0107an Laptop","id":2728,"price":1569},{"name":"HP Pro SFF 400G9 Desktop PC sa Intel Core i3 i 8GB RAM","id":2776,"price":1599}] } }); </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] ), '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
Već od 83,01 km/m
Na zalihi
Već od 83,26 km/m
Na zalihi
Već od 83,26 km/m
Na zalihi
Već od 83,26 km/m
Na zalihi
Već od 86,35 km/m
Na zalihi
Već od 87,58 km/m
Na zalihi
Već od 90,05 km/m
Na zalihi
Već od 90,67 km/m
Na zalihi
Već od 96,84 km/m
Na zalihi
Već od 98,69 km/m
Prijavite se na newsletter i ostvarite 10 KM popusta na Vaš novi Laptop!
Poštujemo Vašu privatnost. Nećemo slati spam.
