Kombinerad varukorg

Kombinerad varukorg

Använd denna kod för att ändra utseende på kombinerade varukorgspanelen.
Visa kod

/**
 * Wrapper för kombinerad varukorg
 */

div.sitesmartEcommerceCombined {
}

/**
 * Wrapper för knappar
 */

div.sitesmartEcommerceCombined ul.sitesmartEcommerceCombined__items {
}

/**
 * Alla knappar
 */

li.sitesmartEcommerceCombined__item {
}

/**
 * Sökknapp
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--search {
}

/**
 * Favorit-/önskelistknapp
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--wishlist {
}

/**
 * Jämförelseknapp
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--compare {
}

/**
 * Varukorgsknapp
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--cart {
}

/**
 * Huvudinnehåll i knapp (länk-element)
 */

.sitesmartEcommerceCombined__itemContent {
}

/**
 * Exmepel på huvudinnehåll i knappen favoriter/önskelista
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--wishlist .sitesmartEcommerceCombined__itemContent {
}

/**
 * Bilder i knappar
 */

.sitesmartEcommerceCombined__itemContent img {
}

/**
 * Exmepel på bild i specifikt knappen favorit/önskelista
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--wishlist .sitesmartEcommerceCombined__itemContent img {
}

/**
 * Text i knappar
 */

.sitesmartEcommerceCombined__itemContent span {
}

/**
 * Exmepel på text specifikt i knappen favorit/önskelista
 */

li.sitesmartEcommerceCombined__item.sitesmartEcommerceCombined__item--wishlist .sitesmartEcommerceCombined__itemContent span {
}

/**
 * Nummerbollen.
 * Använd display: inline-block; för att alltid
 * visa bollen (även om inget finns i varukorg ex.).
 * display: inline-block;
 */

li.sitesmartEcommerceCombined__item p.no {
}

Varukorgspopup

Använd denna kod för att ändra utseende på varukorgspopup.
Visa kod

/**
 * Wrapper för varukorgspopup
 */

.sitesmartEcommerceCombined__cartPopup {
}

/**
 * Wrapper för produktlista i varukorgspopup
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__items {
}

/**
 * Wrapper för produkt
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item {
}

/**
 * Wrapper för första produkten i listan
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item:first-child {
}

/**
 * Texter i produktwrapper
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item p {
}

/**
 * Wrapper för kvantitets- och ta bort-knappar
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__buttonWrapper {
}

/**
 * Wrapper för kvantitetsknappar
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__quantityWrapper {
}

/**
 * Wrapper för ta bort-knapp
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemWrapper {
}

/**
 * Wrapper för både kvantitets- och ta bort-knappar
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__quantityWrapper,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemWrapper {
}

/**
 * Kvantitets- och ta bort-knappar
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__addItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__itemQuantity,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemButton {
}

/**
 * Lägg till och ta bort antals-knappar
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__addItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemQuantityButton {
}

/**
 * Knappen kvantitetsvärde
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__itemQuantityButton {
}

/**
 * Lägg till, ta bort och värdeknapp för kvantitet
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__addItemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__itemQuantityButton,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemQuantityButton {
}

/**
 * Ta bort-knapp
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__item .sitesmartEcommerceCartPopup__removeItemButton {
}

/**
 * Wrapper för varukorgspopupens sidfot
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer {
}

/**
 * Kolumnceller för pris, betal och fraktdata
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer table tr td {
}

/**
 * Wrapper för knappar (fortsätt / gå till kassa)
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__continueButtons {
}

/**
 * Wrapper för fortsätt handla-knapp
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__continueButtonWrapper {
}

/**
 * Fortsätt handla-knapp
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__continueButtonWrapper button {
}

/**
 * Wrapper för gå till kassa-knapp
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__cartButtonWrapper {
}

/**
 * Gå till kassa-knapp
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__cartButtonWrapper button {
}

/**
 * Både fortsätt- och gå till kassa-knappar
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__continueButtonWrapper button,
.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__footer .sitesmartEcommerceCartPopup__cartButtonWrapper button {
}

/**
 * Wrapper för meddelande om tom varukorg
 */

.sitesmartEcommerceCombined__cartPopup .sitesmartEcommerceCartPopup__cartInfo {
}

Sökpopup

Använd denna kod för att ändra utseende på sökpopup.
Visa kod

/**
 * Wrapper för sökpopup
 */

.sitesmartEcommerceCombined__searchPopup {
}

/**
 * Centreringswrapper för sökpopup
 */

.sitesmartEcommerceCombined__searchPopup .sitesmartEcommerceCombined__searchPopupCenter {
}

/**
 * Sökfält i sökpopup
 */

.sitesmartEcommerceCombined__searchPopup .sitesmartEcommerceCombined__searchPopupCenter input {
}
 

Kombinerad varukorg kodexempel (gammal):

DesignSmart - en del av SiteSmart

Denna sida och produktion av designmallar är ett samarbete mellan MediaVault International AB, SiteSmart Sales Sweden AB och våra designpartners. SiteSmart erbjuder webbsidor med CMS/Publiceringsverktyg, E-handelsverktyg och andra moduler samt relaterade produkter och tjänster för hemsidor. MediaVault International utvecklar de verktyg som marknadsföres av SiteSmart.

Kontakta oss nu

Bispmotalagatan 1 | 591 35 Motala
Telefon: 0141-20 25 40
E-post » info@sitesmart.se

Öppettider

Vår support har öppet helgfria vardagar 
08.00 - 17.00. Ring 0141-20 25 40 eller hitta information och filmer på » www.sitesmartsupport.se

Samtliga produkter under varumärket SiteSmart ® utvecklas av MediaVault International AB.

» Våra villkor

Copyright © 2015 SiteSmart, all rights reserved   |   » Sitemap   |   » Cookies