PrestaShop 1.6 - Pozice košíku po odstranění vyhledávání

Hanz · **Registrován:** 13 zář 2013 15:02 **Příspěvky:** 187

Dobrý den,

po odstranění Quick search block z pozice displayTop se mi modul košíku přesunul na střed stránky místo modulu pro vyhledávání (viz. obrázek). Potřeboval bych ho však vrátit zpět vpravo, kde byl původně. Bohužel se mi to pomocí css pozicování nedaří. Aktuálně mám nastaveno v blockcart.css následující:

Kód:

#header .shopping_cart {
  position: relative;
  float: right;
  padding-top: 50px;}

Děkuji za odpověď.

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

na FTP serveru přejděte do adresáře themes/default-bootstrap/modules/blockcart/ a otevřete soubor blockcart.tpl. V tomto souboru si vyhledejte řádek:

Kód:

a změňte jej na:

Kód:

<div class="col-sm-4 pull-right clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

.

Následně v administraci aplikace přejděte do sekce Nástroje > Výkon a nahoře klikněte na Vyčistit mezipaměť. Poté bude košík přesně tam, kde potřebujete.

Případně si můžete Vámi uvedené řádky změnit na:

Kód:

#header .shopping_cart {
  position: absolute;
  float: right;
  padding-top: 50px;
  margin-left: 500px; }

, výsledek bude stejný. Po úpravě CSS souborů si zaktualizujte cache internetového prohlížeče.

Hanz · **Registrován:** 13 zář 2013 15:02 **Příspěvky:** 187

Děkuji za efektivní řešení

Hanz · **Registrován:** 13 zář 2013 15:02 **Příspěvky:** 187

Přece jen se objevil problém. Prvně jsem použil řešení pomocí css. Pokud je web v plném rozlišení na pc, zobrazí se košík na požadované pozici. Pokud ale začnu rozlišení zmenšovat (až na mobilní rozlišení), začne košík od určité úrovně odskakovat vpravo mimo zobrazovanou stránku.

Pokud použiji řešení úpravou blockcart.tpl, košík odskočí vpravo ven z <div class="container"> v headeru.

Neexistuje ještě jiné řešení?

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

v tom případě vyzkoušejte předchozí úpravy vrátit zpět a v souboru blockcart.css změnit řádky z:

Kód:

@media (min-width: 768px) and (max-width: 991px) {
      .shopping_cart > a:first-child span.ajax_cart_product_txt, .shopping_cart > a:first-child span.ajax_cart_product_txt_s {
        display: none !important; } }

např. na:

Kód:

@media (min-width: 768px) and (max-width: 991px) {
      .shopping_cart > a:first-child span.ajax_cart_product_txt, .shopping_cart > a:first-child span.ajax_cart_product_txt_s {
        display: none !important; }
        
        .shopping_cart { left: 110%; } 
        }
         
         @media (min-width: 992px) and (max-width: 1200px) {
      
        .shopping_cart { left: 110%; } 
        
         }
        
         @media (min-width: 1201px) {
      
        .shopping_cart { left: 110%; } 
        
         }

.

Pak by se měl košík zobrazovat na požadované pozici a přizpůsobit velikosti zařízení.
Pokud by Vám úprava nevyhovovala, můžete se s dotazem obrátit na některého z našich partnerů (příp. vpravo blok PrestaShop partneři), který se aplikaci PrestaShop věnuje.

Hanz · **Registrován:** 13 zář 2013 15:02 **Příspěvky:** 187

Děkuji nyní se košík zobrazuje naprosto správně ve všech rozlišeních.

Návody pro C4

Webhosting C4

PrestaShop 1.6 - Pozice košíku po odstranění vyhledávání

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting