PrestaShop - Podkategorie v mřížce

gustka · **Registrován:** 12 říj 2011 20:09 **Příspěvky:** 175

Dobrý den, jak zarovnat podkategorie do mřížky? Teď se zobrazují pod sebou na řádcích, ale při větším počtu podkategorii to není vhodné, zabírá to moc místa, lze to nějak upravit do mřížky, tedy vedle sebe? Děkuji

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

Dobrý den,

přihlašte se na FTP server a přejděte do adresáře themes/šablona/css/category.css. V souboru category.css najděte řádky

Kód:

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
}

a změňte na

Kód:

.inline_list li {
padding: 10px 0;
border-bottom: 1px dotted #ccc;
float: left;
width:89px;
}

.

Dále najděte

Kód:

.inline_list li .cat_name {
font-weight:bold;
font-size:13px
}

a změňte na

Kód:

.inline_list li .cat_name {
font-weight:bold;
font-size:13px;
clear:both;
display:block;
}

. Potom změny uložte a subkategorie se začnou zobrazovat ve mřížce.

gustka · **Registrován:** 12 říj 2011 20:09 **Příspěvky:** 175

Dobrý den, děkuji za odpověď. Takto to funguje, jen je to nějak rozházené. Potřebovala bych to zarovnat tak, aby byli pěkně v mřížce podkategorie a pod tím začátek řazení produktů porovnat - předchozí 1 2 3 4 další - seřadit podle
pro názornost přikládám přílohu, abyste lépe pochopil jak to vypadá teď

Příloha:

kategorie.png [ 87.15 KiB | Zobrazeno 1330 krát ]

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

Dobrý den,

pokud chcete čísla zarovnat pod mřížky, tak přejděte do souboru themes/šablona/css/category.css a v souboru najděte řádek

Kód:

#subcategories {margin-top:15px}

a ten změňte na

Kód:

#subcategories {
margin-top: 15px;
clear:both;
display:block;
overflow:hidden;   
}

.

Potom najděte řádek

Kód:

.inline_list {
   list-style-type:none;
   margin-top:10px;
}

a ten změňte na

Kód:

.inline_list li {
  text-align: center;
  float: left;
  display: inline-block;
  width: 96px;
  height: 100px;
  border: 1px dotted #ccc;
  margin: 4px;
}

.

gustka · **Registrován:** 12 říj 2011 20:09 **Příspěvky:** 175

Supeeer !! Přesně takhle jsem to přesně potřebovala. Děkuji

Návody pro C4

Webhosting C4

PrestaShop - Podkategorie v mřížce

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting