Skip to content

Product Stock Schema

PropertyValue
nameproduct-stock
categorywoocommerce_product
tagdiv
nestablefalse
KeyTypeLabelCSS
alwaysShowStockStatuscheckboxAlways show stock status—
inStockTexttextinStockText—
inStockTypographytypographyTypographyfont on .in-stock
inStockBackgroundColorcolorBackground colorbackground-color on .in-stock
lowStockTexttextlowStockText—
lowStockTypographytypographyTypographyfont on .low-stock, .available-on-backorder
lowStockBackgroundColorcolorBackground colorbackground-color on .low-stock, .available-on-backorder
outOfStockTexttextoutOfStockText—
outOfStockTypographytypographyTypographyfont on .out-of-stock
outOfStockBackgroundColorcolorBackground colorbackground-color on .out-of-stock

Set alwaysShowStockStatus to true to show stock status when stock quantity management is disabled for the product. When the setting is absent or false, Bricks does not force an “In stock” message where WooCommerce normally leaves it empty. This setting does not enable stock quantity management.

Shared CSS controls available on all elements. Keys are prefixed with _ and support responsive/pseudo-class variants via colon syntax (e.g. _typography:tablet_portrait:hover).

KeyTypeLabelCSS
_contenttextContentcontent
_marginspacingMarginmargin
_paddingspacingPaddingpadding
_widthnumberWidthwidth
_widthMinnumberMin. widthmin-width
_widthMaxnumberMax. widthmax-width
_heightnumberHeightheight
_heightMinnumberMin. heightmin-height
_heightMaxnumberMax. heightmax-height
_aspectRatiotextAspect ratioaspect-ratio
_positionselectPositionposition
_topnumber_toptop
_rightnumberRightright
_bottomnumberBottombottom
_leftnumberLeftleft
_zIndexnumberZ-indexz-index
_ordernumber_orderorder
_displayselectDisplaydisplay, align-items
_visibilityselectVisibilityvisibility
_overflowtextOverflowoverflow
_opacitynumberOpacityopacity
_cursorselectCursorcursor
_isolationselectIsolationisolation
_mixBlendModeselectMix blend modemix-blend-mode
_pointerEventstextPointer eventspointer-events
_perspectivenumberPerspectiveperspective
_perspectiveOrigintextPerspective originperspective-origin
_gridItemJustifySelfalign-itemsJustify selfjustify-self
_flexDirectiondirectionDirectionflex-direction
_alignSelfalign-itemsAlign selfalign-self
_justifyContentjustify-contentAlign main axisjustify-content
_alignItemsalign-itemsAlign cross axisalign-items
_gapnumberGapgap
_flexGrownumberFlex growflex-grow
_flexShrinknumberFlex shrinkflex-shrink
_flexBasistextFlex basisflex-basis
_useMasonrycheckbox%s layout—
_masonryColumnnumberColumns--columns
_masonryGutternumberSpacing--gutter
_masonryHorizontalOrdercheckboxHorizontal order—
_masonryTransitionDurationnumberTransition—
_masonryTransitionModeselectReveal animation—
_typographytypography_typographyfont
_backgroundbackground_backgroundbackground
_shapeDividersrepeaterCustom shape—
_gradientgradient_gradientbackground-image
_borderborderBorderborder
_boxShadowbox-shadowBox shadowbox-shadow
_transformtransformTransformtransform
_transformOrigintextTransform origintransform-origin
_motionElementParallaxcheckboxElement parallax—
_motionElementParallaxSpeedXnumberHorizontal speed--brx-motion-parallax-speed-x
_motionElementParallaxSpeedYnumberVertical speed--brx-motion-parallax-speed-y
_motionBackgroundParallaxcheckboxBackground parallax—
_motionBackgroundParallaxSpeednumberBackground speed--brx-motion-background-speed
_motionStartVisiblePercentnumberParallax start point—
_cssCustomcodeCustom CSS—
_cssClassestextCSS classes—
_cssIdtextCSS ID—
_cssFiltersfiltersCSS Filtersfilter
_cssTransitiontextTransitiontransition
_attributesrepeaterName—
_scrollSnapTypeselectTypescroll-snap-type on html, scroll-snap-align on .brxe-section
_scrollSnapAlignselectAlignscroll-snap-align on .brxe-section
_scrollSnapStopselectStopscroll-snap-stop on .brxe-section