'FlexBlack' temasını yapılandır / SmartStore yönetimi

Mağaza

'FlexBlack' temasını yapılandır

İçe Aktar Dışa aktar

Grayscale

$gray-100

Flex

$gray-200

Flex

$gray-300

Flex

$gray-400

Flex

$gray-500

Flex

$gray-600

Flex

$gray-700

Flex

$gray-800

Flex

$gray-900

Flex

Colors

$red

Flex

$orange

Flex

$yellow

Flex

$green

Flex

$blue

Flex

$bluegrey

Flex

$indigo

$teal

Flex

$cyan

Flex

$pink

Flex

$purple

Flex

Brand Colors

$primary

Flex

$secondary

Flex

$warning

Flex

$danger

Flex

$info

Flex

$success

Flex

$light

Flex

$dark

Flex

Layout

$boxed

Site Colors

$body-bg

Flex

$site-bg

Flex

$body-color

Flex

$yiq-text-dark

Flex

$yiq-text-light

Flex

$text-muted

Flex

$link-color

$btn-secondary-bg

Flex

$btn-secondary-border

Flex

Typo

$font-family-sans-serif

$font-family-monospace

Flex

$font-size-base

$font-size-lg

Flex

$font-size-sm

$font-size-xs

$font-weight-light

Flex

$font-weight-normal

Flex

$font-weight-medium

Flex

$font-weight-bold

Flex

Headings

$headings-font-family

Flex

$headings-font-weight

Flex

$headings-line-height

Flex

$headings-color

Flex

$lead-font-weight

Flex

Heading Sizes

$h1-font-size

Flex

$h2-font-size

Flex

$h3-font-size

Flex

$h4-font-size

Flex

$h5-font-size

Flex

$h6-font-size

Flex

Google Fonts

Google Fontlarını gömmek için, lütfen aşağıdaki tavsiyeleri izleyin.

https://fonts.google.com/ adresine gidin ve mağazanızda kullanmak istediğiniz yazı tipi ailelerini seçin.

Sitenize gömmeniz için size sunulan Html kodu şu şekilde görünecektir:

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Ubuntu" rel="stylesheet">

Linkin koyu işaretli bölümünü kopyalayın ve bu amaçla kullanılması istenen tema yapılandırıcı içinde yer alan üç alana girin.
Artık yazı tipi yapılandırması (örneğin; $font-family-sans-serif) için sunulan girdi alanlarından birine yazı tipi ailesinin adını girerek (örneğin; Roboto) fontları kullanabilirsiniz.

Please note that the use of Google Fonts without local upload violates the EU GDPR according to a ruling of the LG Munich (20.01.2022, Az. 3 O 17493/20). Please inform yourself about the current legal situation before using web fonts. Smartstore is not liable for any possible consequences.

$google-font-1

Flex

$google-font-2

Flex

$google-font-3

Flex

Header

$header-bg

$shopbar-label

Flex

$inverse-menubar

$menubar-bg

$menubar-color

Flex

$menubar-inverse-color

Flex

$inverse-shopbar

$shopbar-bg

$shopbar-color

Flex

$shopbar-inverse-color

Flex

$inverse-navbar

$megamenu-bg

$megamenu-color

Flex

$megamenu-inverse-color

Flex

$megamenu-line-height

Flex

$megamenu-dropdown-bg

Flex

$megamenu-heading-color

Flex

$megamenu-subitem-color

Flex

$megamenu-text-color

Flex

$megamenu-rotator-bg

Flex

Searchbox

$searchbox-pill

Flex

$searchbox-bg-1

Flex

$searchbox-bg-2

$searchbox-bg-3

Flex

$searchbox-border-color

Flex

$searchbox-border-active-color

Flex

$search-button-style

Flex

$search-button-flat

$searchbox-hit-tag-color

Flex

Footer

$inverse-footer

$footer-bg

$footer-color

Flex

$footer-color-muted

Flex

$footer-inverse-color

Flex

$footer-inverse-color-muted

Flex

$footer-social-bg

Flex

$footer-social-color

Flex

Cards

$card-border-radius

Flex

$card-border-color

Flex

$card-cap-bg

Flex

$card-bg

Flex

Dropdowns

$dropdown-bg

$dropdown-border-color

$dropdown-border-radius

Flex

$dropdown-divider-bg

Flex

$dropdown-box-shadow

Flex

$dropdown-link-color

$dropdown-link-hover-color

$dropdown-link-hover-bg

Tables

$table-bg

Flex

$table-accent-bg

Flex

$table-hover-bg

Flex

$table-active-bg

Flex

$table-border-color

Flex

$nav-tabs-active-link-color

Flex

$product-price-color

Flex

$product-detail-addtocart-box-bg

Flex

$login-box-bg

Flex

$cart-footer-bg

Flex

$costep-progress-color

Flex

$offcanvas-cart-footer

$art-active-bg-color

Flex

$art-active-border-color

Flex