Produktpanel

Wrappers

Använd denna kod för att ändra exempelvis indrag.
Visa kod

/**
 * Wrapper för betyg
 */

.sitesmart-ecommerce-product-wrapper .image-wrapper .rating-wrapper {
    padding: 0px !important;
}

/**
 * Wrapper för högerdel
 */

.sitesmart-ecommerce-product-wrapper .right-wrapper {
    padding: 0px !important;
}

/**
 * Wrapper för leverantörslogo
 */

.sitesmart-ecommerce-product-wrapper .supplier-logo {
    padding: 0px !important;
}

/**
 * Wrapper för produktnamnet
 */

.sitesmart-ecommerce-product-wrapper .name {
    padding: 0px !important;
}

/**
 * Wrapper för produktnamn 2
 */

.sitesmart-ecommerce-product-wrapper .secondary-name {
    padding: 0px !important;
}

/**
 * Wrapper för stafflingslänk
 */

.sitesmart-ecommerce-product-wrapper .stagger-link-wrapper {
    padding: 0px !important;
}

/**
 * Wrapper för lägg i varukorgs-knapp
 */

.sitesmart-ecommerce-product-wrapper .add-to-cart-wrapper {
    padding: 0px !important;
}

/**
 * Kvantitetswrapper
 */

.sitesmart-ecommerce-product-wrapper .quantity-wrapper {
    padding: 0px !important;
}

Wrappers för bilder

Använd denna kod för att ändra exempelvis indrag.
Visa kod

/**
 * Wrapper för huvudbild
 */

.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper {
    padding: 0px !important;
}

/**
 * Huvudbild
 */

.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper img {
    max-height: 300px !important;
}

/**
 * Etikett
 */

.sitesmart-ecommerce-product-wrapper .image-wrapper .main-image-wrapper .image-label {
    padding: 0px !important;
}

/**
 * Wrapper för en extrabild
 */

.sitesmart-ecommerce-product-wrapper .image-wrapper .extra-image-item {
    padding: 0px !important;
}

/**
 * Wrapper för 5:e, 9:e, 13:e (osv) extrabilden
 */

.sitesmart-ecommerce-product-wrapper .image-wrapper .extra-image-item:nth-child(4n+1) {
    padding: 0px !important;
}

/**
 * Wrapper för extrabild vid vertikalt läge
 */

.sitesmart-ecommerce-product-wrapper .extra-images-wrapper.vertical .extra-image-item {
    padding: 0px !important;
}

/**
 * Ikoner
 */

.sitesmart-ecommerce-product-wrapper .default-icon {
    max-height: 32px !important;
}

Wrappers specifikt för produktpanel alternativ 2

Använd denna kod för att ändra exempelvis indrag.
Visa kod

/**
 * Wrapper för lägg i varukorgs-knapp
 */

.sitesmart-ecommerce-product-wrapper .add-to-cart-wrapper.alt-2 {
    padding: 0px !important;
}

/**
 * Kvantitetswrapper
 */

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 {
    padding: 0px !important;
}

/**
 * Wrapper för ned-pil
 */

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .down-arrow {
    padding: 0px !important;
}

/**
 * Wrapper för upp-pil
 */

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .up-arrow {
    padding: 0px !important;
}

/**
 * Båda wrappers (pilar)
 */

.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .down-arrow,
.sitesmart-ecommerce-product-wrapper .quantity-wrapper.alt-2 .up-arrow {
    padding: 0px !important;
}

Texter

Använd denna kod för att ändra exempelvis färger för texter i produktpanel.
Visa kod

/**
 * Alla produkttexter
 */

.sitesmart-ecommerce-product-wrapper h1,
.sitesmart-ecommerce-product-wrapper h2,
.sitesmart-ecommerce-product-wrapper h3,
.sitesmart-ecommerce-product-wrapper h4,
.sitesmart-ecommerce-product-wrapper h5,
.sitesmart-ecommerce-product-wrapper h6,
.sitesmart-ecommerce-product-wrapper p,
.sitesmart-ecommerce-product-wrapper a {
    color: #ff0000 !important;
}

/**
 * Specifikt länkar i produktpanel
 */

.sitesmart-ecommerce-product-wrapper a {
    color: #ff0000 !important;
}

/**
 * Första textelementen i en produktpanel
 */

.sitesmart-ecommerce-product-wrapper h1.ssih:first-child,
.sitesmart-ecommerce-product-wrapper h2.ssih:first-child,
.sitesmart-ecommerce-product-wrapper h3.ssih:first-child,
.sitesmart-ecommerce-product-wrapper h4.ssih:first-child,
.sitesmart-ecommerce-product-wrapper h5.ssih:first-child,
.sitesmart-ecommerce-product-wrapper h6.ssih:first-child,
.sitesmart-ecommerce-product-wrapper p.ssih:first-child {
    color: #ff0000 !important;
}

/**
 * Pris
 */

.sitesmart-ecommerce-product-wrapper .price {
    color: #ff0000 !important;
}

/**
 * Kampanjpris
 */

.sitesmart-ecommerce-product-wrapper.sitesmart-ecommerce-campaign .price {
    color: #ff0000 !important;
}

/**
 * Originalpris vid kampanj (inkl. prefix och suffix)
 */

.sitesmart-ecommerce-product-wrapper .offer-price-orig,
.sitesmart-ecommerce-product-wrapper .offer-price-prefix,
.sitesmart-ecommerce-product-wrapper .offer-price-suffix {
    color: #ff0000 !important;
}

/**
 * Lägg i varukorgs-knapp
 */

.sitesmart-ecommerce-product-wrapper .add-to-cart-wrapper input[type='button'] {
    background-color: #ff0000 !important;
}
 
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