پرش به محتویات

اسکیمای Add To Cart (Add To Cart Schema)

ویژگی (Property) مقدار (Value)
name product-add-to-cart
category woocommerce_product
tag div
nestable false

کنترل‌ها (Controls)

کلید (Key) نوع (Type) برچسب (Label) CSS
variationsTypography typography Typography font on table.variations label
variationsBackgroundColor color Background color background-color on table.variations tr
variationsBorder border Border border on .cart .variations tr:not(:has(.reset_variations))
variationsMargin spacing Margin margin on .cart table.variations
variationsPadding spacing Padding padding on .cart table.variations td, padding on .cart table.variations th
variationsDescriptionTypography typography Description typography font on .woocommerce-variation-description
variationsPriceTypography typography Price typography font on .woocommerce-variation-price
variationsRegularPriceTypography typography Regular price typography font on .woocommerce-variation-price .price del, .woocommerce-variation-price .price > span
variationsSalePriceTypography typography Sale price typography font on .woocommerce-variation-price .price ins
swatchesWrap select Wrap flex-wrap on .bricks-variation-swatches
swatchesDirection direction Direction flex-direction on .bricks-variation-swatches
swatchesJustifyContent justify-content Align main axis justify-content on .bricks-variation-swatches
swatchesAlignItems align-items Align cross axis align-items on .bricks-variation-swatches
swatchesColumnGap number Column gap column-gap on .bricks-variation-swatches
swatchesRowGap number Row gap row-gap on .bricks-variation-swatches
colorSwatchSize number Size width on .bricks-variation-swatches.bricks-swatch-color li, height on .bricks-variation-swatches.bricks-swatch-color li
colorSwatchBorder border Border border on .bricks-variation-swatches.bricks-swatch-color li
colorSwatchActiveBorder border Border border on .bricks-variation-swatches.bricks-swatch-color li.bricks-swatch-selected
labelSwatchPadding spacing Padding padding on .bricks-variation-swatches.bricks-swatch-label li
labelSwatchTypography typography Typography font on .bricks-variation-swatches.bricks-swatch-label li
labelSwatchActiveTypography typography Typography font on .bricks-variation-swatches.bricks-swatch-label li.bricks-swatch-selected
labelSwatchBackgroundColor color Background color background-color on .bricks-variation-swatches.bricks-swatch-label li
labelSwatchActiveBackgroundColor color Background color background-color on .bricks-variation-swatches.bricks-swatch-label li.bricks-swatch-selected
labelSwatchBorder border Border border on .bricks-variation-swatches.bricks-swatch-label li
labelSwatchActiveBorder border Border border on .bricks-variation-swatches.bricks-swatch-label li.bricks-swatch-selected
imageSwatchWidth number Width width on .bricks-variation-swatches.bricks-swatch-image li img
imageSwatchHeight number Height height on .bricks-variation-swatches.bricks-swatch-image li img
imageSwatchBorder border Border border on .bricks-variation-swatches.bricks-swatch-image li
imageSwatchActiveBorder border Border border on .bricks-variation-swatches.bricks-swatch-image li.bricks-swatch-selected
swatchTooltipPadding spacing Padding padding on .bricks-variation-swatches li[data-balloon]::after
swatchTooltip typography Typography font on .bricks-variation-swatches li[data-balloon]::after
swatchTooltipBackground color Background color background-color on .bricks-variation-swatches li[data-balloon]::after, border-top-color on .bricks-variation-swatches li[data-balloon]::before
swatchTooltipBorder border Border border on .bricks-variation-swatches li[data-balloon]::after
hideStock checkbox Hide stock display on .stock
stockTypography typography Typography font on .stock
inStockTypography typography Typography font on .stock.in-stock
outOfStockTypography typography Typography font on .stock.out-of-stock
formDisplay select Display display on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formFlexDirection direction Direction flex-direction on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formAlignSelf align-items Align self align-self on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formJustifyContent justify-content Align main axis justify-content on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formAlignItems align-items Align cross axis align-items on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formGap number Gap gap on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formFlexGrow number Flex grow flex-grow on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formFlexShrink number Flex shrink flex-shrink on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
formFlexBasis text Flex basis flex-basis on form.cart:not(.variations_form), form.cart.variations_form .woocommerce-variation-add-to-cart
quantityWidth number Width width on .cart .quantity
quantityBackground color Background background-color on .cart .quantity
quantityBorder border Border border on .qty, border on .minus, border on .plus
buttonText text Simple product
variableText text Variable product
groupedText text Grouped product
externalText text External product
buttonMargin spacing Margin margin on .cart .single_add_to_cart_button, a.button[data-product_id]
buttonPadding spacing Padding padding on .cart .single_add_to_cart_button, a.button[data-product_id]
buttonWidth number Width min-width on .cart .single_add_to_cart_button, a.button[data-product_id]
buttonBackgroundColor color Background color background-color on .cart .single_add_to_cart_button, a.button[data-product_id]
buttonBorder border Border border on .cart .single_add_to_cart_button, a.button[data-product_id]
buttonTypography typography Typography font on .cart .single_add_to_cart_button, a.button[data-product_id]
icon icon Icon
iconTypography typography Icon typography font on .icon
iconOnly checkbox Icon only
iconPosition select Icon position
groupedProductTablePadding spacing Table cell padding on .cart.grouped_form .group_table td
groupedProductQuantityWidth number Width width on .cart.grouped_form .quantity
groupedProductQuantityBackground color Background background-color on .cart.grouped_form .quantity
groupedProductQuantityBorder border Border border on .cart.grouped_form .quantity .minus, border on .cart.grouped_form .quantity .plus, border on .cart.grouped_form .quantity .qty
groupedProductLabelTypography typography Typography font on .cart.grouped_form .woocommerce-grouped-product-list-item__label a
groupedProductStockTypography typography Typography font on .cart.grouped_form .stock
groupedProductInStockTypography typography Typography font on .cart.grouped_form .stock.in-stock
groupedProductOutOfStockTypography typography Typography font on .cart.grouped_form .stock.out-of-stock
groupedProductPriceTypography typography Typography font on .cart.grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount
groupedProductSalePriceTypography typography Sale price typography font on .cart.grouped_form .woocommerce-grouped-product-list-item__price ins .woocommerce-Price-amount
groupedProductRegularPriceTypography typography Regular price typography font on .cart.grouped_form .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount
groupedProductButtonWidth number Width min-width on .cart.grouped_form .group_table .button
groupedProductButtonPadding spacing Padding padding on .cart.grouped_form .group_table .button
groupedProductButtonTypography typography Typography font on .cart.grouped_form .group_table .button
groupedProductButtonBackground color Background color background-color on .cart.grouped_form .group_table .button
addingButtonText text Button text
addingButtonIcon icon Icon
addingButtonIconOnly checkbox Icon only
addingButtonIconPosition select Icon position
addingButtonIconSpinning checkbox Icon spinning
addedButtonText text Button text
resetTextAfter number Reset text after .. seconds
addedButtonIcon icon Icon
addedButtonIconOnly checkbox Icon only
addedButtonIconPosition select Icon position
showNotice select Show notice
scrollToNotice select Scroll to notice
hideViewCart select Hide "View cart" button display on .added_to_cart.wc-forward

کنترل‌های 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