اسکیمای Mini Cart (Mini Cart Schema)
| ویژگی (Property) | مقدار (Value) |
|---|---|
name |
woocommerce-mini-cart |
category |
woocommerce |
tag |
div |
nestable |
false |
کنترلها (Controls)
| کلید (Key) | نوع (Type) | برچسب (Label) | CSS |
|---|---|---|---|
icon |
icon | Icon | — |
iconTypography |
typography | Icon typography | font on .mini-cart-link i |
openMiniCartOnAddedToCart |
checkbox | Open on add to cart (AJAX) | — |
cartCount |
select | Visibility | display on .cart-count |
cartCountBackground |
color | Background color | background-color on .cart-count |
cartCountBorder |
border | Border | border on .mini-cart-link .cart-icon .cart-count |
cartCountTypography |
typography | Typography | font on .mini-cart-link .cart-icon .cart-count |
cartCountTransform |
transform | Transform | transform on .mini-cart-link .cart-icon .cart-count |
cartCountHeight |
number | Height | height on .cart-count |
cartCountWidth |
number | Width | width on .cart-count |
cartCountTop |
number | Top | top on .mini-cart-link .cart-icon .cart-count |
cartCountRight |
number | Right | right on .mini-cart-link .cart-icon .cart-count |
cartCountBottom |
number | Bottom | bottom on .mini-cart-link .cart-icon .cart-count |
cartCountLeft |
number | Left | left on .mini-cart-link .cart-icon .cart-count |
subtotalPosition |
select | Position | flex-direction on .mini-cart-link |
subtotalGap |
number | Gap | gap on .mini-cart-link |
subtotalTypography |
typography | Typography | font on .mini-cart-link .cart-subtotal |
hideCartDetails |
checkbox | Hide | — |
skipClickOutside |
checkbox | Don\ | — |
cartDetailsOffCanvas |
select | Off-Canvas | — |
cartDetailsHeight |
number | Height | height on .cart-detail |
cartDetailsWidth |
number | Width | width on .cart-detail |
cartDetailsImageWidth |
number | Image width | width on .cart-detail img |
cartDetailsPadding |
spacing | Padding | padding on .widget_shopping_cart_content |
cartDetailsPosition |
dimensions | Position | — on .cart-detail |
cartDetailsTransform |
transform | Transform | transform on .cart-detail |
cartDetailsBackground |
color | Background | background-color on .cart-detail |
cartDetailsBorder |
border | Border | border on .cart-detail |
cartDetailsBoxShadow |
box-shadow | Box shadow | box-shadow on .cart-detail |
cartDetailsTypography |
typography | Typography | font on .woocommerce-mini-cart-item a:not(.remove) |
cartDetailsTypographyQuantity |
typography | Typography | font on .woocommerce-mini-cart-item .quantity |
buttonBackgroundColor |
color | Background color | background-color on .cart-detail .woocommerce-mini-cart__buttons .button |
buttonBorder |
border | Border | border on .cart-detail .woocommerce-mini-cart__buttons .button |
buttonTypography |
typography | Typography | font on .cart-detail .woocommerce-mini-cart__buttons .button |
cartDetailsCloseIcon |
icon | Icon | — |
cartDetailsCloseTypography |
typography | Typography | font on .bricks-mini-cart-close > * |
cartDetailsClosePosition |
dimensions | Position | — on .bricks-mini-cart-close |
cartDetailsClosePadding |
spacing | Padding | padding on .bricks-mini-cart-close |
cartDetailsCloseBackgroundColor |
color | Background color | background-color on .bricks-mini-cart-close |
cartDetailsCloseBorder |
border | Border | border on .bricks-mini-cart-close |
کنترلهای CSS بهارثرسیده (Inherited CSS controls)
کنترلهای مشترک CSS در همه المانها موجود است. کلیدها با _ پیشوند هستند و از گونههای پاسخگو/شبه کلاس از طریق نحو کولون (به عنوان مثال _typography:tablet_portrait:hover) پشتیبانی میکنند.
| کلید (Key) | نوع (Type) | برچسب (Label) | CSS |
|---|---|---|---|
_content |
text | Content | content |
_margin |
spacing | Margin | margin |
_padding |
spacing | Padding | padding |
_width |
number | Width | width |
_widthMin |
number | Min. width | min-width |
_widthMax |
number | Max. width | max-width |
_height |
number | Height | height |
_heightMin |
number | Min. height | min-height |
_heightMax |
number | Max. height | max-height |
_aspectRatio |
text | Aspect ratio | aspect-ratio |
_position |
select | Position | position |
_top |
number | Top | top |
_right |
number | Right | right |
_bottom |
number | Bottom | bottom |
_left |
number | Left | left |
_zIndex |
number | Z-index | z-index |
_order |
number | Order | order |
_display |
select | Display | display, align-items |
_visibility |
select | Visibility | visibility |
_overflow |
text | Overflow | overflow |
_opacity |
number | Opacity | opacity |
_cursor |
select | Cursor | cursor |
_isolation |
select | Isolation | isolation |
_mixBlendMode |
select | Mix blend mode | mix-blend-mode |
_pointerEvents |
text | Pointer events | pointer-events |
_perspective |
number | Perspective | perspective |
_perspectiveOrigin |
text | Perspective origin | perspective-origin |
_gridItemJustifySelf |
align-items | Justify self | justify-self |
_flexDirection |
direction | Direction | flex-direction |
_alignSelf |
align-items | Align self | align-self |
_justifyContent |
justify-content | Align main axis | justify-content |
_alignItems |
align-items | Align cross axis | align-items |
_gap |
number | Gap | gap |
_flexGrow |
number | Flex grow | flex-grow |
_flexShrink |
number | Flex shrink | flex-shrink |
_flexBasis |
text | Flex basis | flex-basis |
_useMasonry |
checkbox | %s layout | — |
_masonryColumn |
number | Columns | --columns |
_masonryGutter |
number | Spacing | --gutter |
_masonryHorizontalOrder |
checkbox | Horizontal order | — |
_masonryTransitionDuration |
number | Transition | — |
_masonryTransitionMode |
select | Reveal animation | — |
_typography |
typography | _typography | font |
_background |
background | _background | background |
_shapeDividers |
repeater | Custom shape | — |
_gradient |
gradient | _gradient | background-image |
_border |
border | Border | border |
_boxShadow |
box-shadow | Box shadow | box-shadow |
_transform |
transform | Transform | transform |
_transformOrigin |
text | Transform origin | transform-origin |
_motionElementParallax |
checkbox | Element parallax | — |
_motionElementParallaxSpeedX |
number | Horizontal speed | --brx-motion-parallax-speed-x |
_motionElementParallaxSpeedY |
number | Vertical speed | --brx-motion-parallax-speed-y |
_motionBackgroundParallax |
checkbox | Background parallax | — |
_motionBackgroundParallaxSpeed |
number | Background speed | --brx-motion-background-speed |
_motionStartVisiblePercent |
number | Parallax start point | — |
_cssCustom |
code | Custom CSS | — |
_cssClasses |
text | CSS classes | — |
_cssId |
text | CSS ID | — |
_cssFilters |
filters | CSS Filters | filter |
_cssTransition |
text | Transition | transition |
_attributes |
repeater | Name | — |
_scrollSnapType |
select | Type | scroll-snap-type on html, scroll-snap-align on .brxe-section |
_scrollSnapAlign |
select | Align | scroll-snap-align on .brxe-section |
_scrollSnapStop |
select | Stop | scroll-snap-stop on .brxe-section |