Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
optometrists
/
cache
/
cache
/
.wp-cli
/
wp-content
/
plugins
/
woocommerce
/
packages
/
woocommerce-blocks
/
assets
/
js
/
atomic
/
blocks
/
product-elements
/
add-to-cart
:
edit.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/** * External dependencies */ import { __ } from '@wordpress/i18n'; import EditProductLink from '@woocommerce/editor-components/edit-product-link'; import { useProductDataContext } from '@woocommerce/shared-context'; import classnames from 'classnames'; import { Disabled, PanelBody, ToggleControl, Notice, } from '@wordpress/components'; import { InspectorControls } from '@wordpress/block-editor'; import { productSupportsAddToCartForm } from '@woocommerce/base-utils'; /** * Internal dependencies */ import './style.scss'; import Block from './block'; import withProductSelector from '../shared/with-product-selector'; import { BLOCK_TITLE, BLOCK_ICON } from './constants'; const Edit = ( { attributes, setAttributes } ) => { const { product } = useProductDataContext(); const { className, showFormElements } = attributes; return ( <div className={ classnames( className, 'wc-block-components-product-add-to-cart' ) } > <EditProductLink productId={ product.id } /> <InspectorControls> <PanelBody title={ __( 'Layout', 'woocommerce' ) } > { productSupportsAddToCartForm( product ) ? ( <ToggleControl label={ __( 'Display form elements', 'woocommerce' ) } help={ __( 'Depending on product type, allow customers to select a quantity, variations etc.', 'woocommerce' ) } checked={ showFormElements } onChange={ () => setAttributes( { showFormElements: ! showFormElements, } ) } /> ) : ( <Notice className="wc-block-components-product-add-to-cart-notice" isDismissible={ false } status="info" > { __( 'This product does not support the block based add to cart form. A link to the product page will be shown instead.', 'woocommerce' ) } </Notice> ) } </PanelBody> </InspectorControls> <Disabled> <Block { ...attributes } /> </Disabled> </div> ); }; export default withProductSelector( { icon: BLOCK_ICON, label: BLOCK_TITLE, description: __( 'Choose a product to display its add to cart form.', 'woocommerce' ), } )( Edit );