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

Mağaza

'Flex' temasını yapılandır

İçe Aktar Dışa aktar

Grayscale

$gray-100

$gray-200

$gray-300

$gray-400

$gray-500

$gray-600

$gray-700

$gray-800

$gray-900

Colors

$red

$orange

$yellow

$green

$blue

$bluegrey

$indigo

$teal

$cyan

$pink

$purple

Brand Colors

$primary

$secondary

$warning

$danger

$info

$success

$light

$dark

Layout

$boxed

Site Colors

$body-bg

$site-bg

$body-color

$yiq-text-dark

$yiq-text-light

$text-muted

$link-color

$btn-secondary-bg

$btn-secondary-border

Typo

$font-family-sans-serif

$font-family-monospace

$font-size-base

$font-size-lg

$font-size-sm

$font-size-xs

$font-weight-light

$font-weight-normal

$font-weight-medium

$font-weight-bold

Headings

$headings-font-family

$headings-font-weight

$headings-line-height

$headings-color

$lead-font-weight

Heading Sizes

$h1-font-size

$h2-font-size

$h3-font-size

$h4-font-size

$h5-font-size

$h6-font-size

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

$google-font-2

$google-font-3

Header

$header-bg

$shopbar-label

$inverse-menubar

$menubar-bg

$menubar-color

$menubar-inverse-color

$inverse-shopbar

$shopbar-bg

$shopbar-color

$shopbar-inverse-color

$inverse-navbar

$megamenu-bg

$megamenu-color

$megamenu-inverse-color

$megamenu-line-height

$megamenu-dropdown-bg

$megamenu-heading-color

$megamenu-subitem-color

$megamenu-text-color

$megamenu-rotator-bg

Searchbox

$searchbox-pill

$searchbox-bg-1

$searchbox-bg-2

$searchbox-bg-3

$searchbox-border-color

$searchbox-border-active-color

$search-button-style

$search-button-flat

$searchbox-hit-tag-color

Footer

$inverse-footer

$footer-bg

$footer-color

$footer-color-muted

$footer-inverse-color

$footer-inverse-color-muted

$footer-social-bg

$footer-social-color

Cards

$card-border-radius

$card-border-color

$card-cap-bg

$card-bg

Dropdowns

$dropdown-bg

$dropdown-border-color

$dropdown-border-radius

$dropdown-divider-bg

$dropdown-box-shadow

$dropdown-link-color

$dropdown-link-hover-color

$dropdown-link-hover-bg

Tables

$table-bg

$table-accent-bg

$table-hover-bg

$table-active-bg

$table-border-color

$nav-tabs-active-link-color

$product-price-color

$product-detail-addtocart-box-bg

$login-box-bg

$cart-footer-bg

$costep-progress-color

$offcanvas-cart-footer

$art-active-bg-color

$art-active-border-color