ShoptetDokumentace
Základní informace jsou dostupné na Shoptet Podpoře.
Pro import popisku stačí, aby popisek byl pouze u poslední varianty produktu. Shoptet automaticky přiřadí tento popisek k hlavní variantě.
Systémové selektory jsou CSS třídy a datové atributy, které Shoptet přiřazuje elementům na stránce. Lze je využít pro cílení skriptů a stylů.
.shoptet-cart— wrapper košíku.shoptet-cart-item— řádek položky[data-shoptet-cart-count]— počet položek
Shoptet používá vlastní sadu breakpointů odlišnou od Bootstrapu. Níže jsou uvedeny klíčové hodnoty a příklady media queries.
| Breakpoint | Název | Container |
|---|---|---|
| 480px | xs+ | — |
| 768px | sm (tablet) | 739px |
| 992px | md (desktop) | 964px |
| 1200px | lg (large desktop) | 1170px |
| 1440px | xl (extra large) | 1712px |
/* xs+: small mobile — navigation changes */
@media (min-width: 480px) {
.my-element { }
}
/* sm: tablet — main layout shift, container 739px */
@media (min-width: 768px) {
.my-element { }
}
/* md: desktop — container 964px */
@media (min-width: 992px) {
.my-element { }
}
/* lg: large desktop — container 1170px */
@media (min-width: 1200px) {
.my-element { }
}
/* xl: extra large — container 1712px */
@media (min-width: 1440px) {
.my-element { }
}Kupóny slouží ke slevám v košíku a lze je aktivovat přes AJAX endpoint.
fetch("/action/Cart/addDiscountCoupon", {
headers: {
"content-type": "application/x-www-form-urlencoded; charset=UTF-8",
},
body: "discountCouponCode={{KÓD}}",
method: "POST",
})