-
{ title }
{ description && (
diff --git a/packages/js/product-editor/src/blocks/section/editor.scss b/packages/js/product-editor/src/blocks/section/editor.scss
index b8469630403..51ef2351e6c 100644
--- a/packages/js/product-editor/src/blocks/section/editor.scss
+++ b/packages/js/product-editor/src/blocks/section/editor.scss
@@ -9,27 +9,18 @@
.wp-block-woocommerce-product-section__title {
margin-top: 0;
margin-bottom: 0;
- font-size: 24px;
+ font-size: 20px;
font-weight: 500;
color: $gray-900;
display: inline-flex;
align-items: center;
-
- .block-editor-block-icon {
- margin-right: 14px;
-
- > div {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- }
}
&__description {
margin-top: $gap-small;
font-size: 13px;
- color: $gray-900;
+ color: $gray-700;
+ line-height: 1.5;
}
}
diff --git a/packages/js/product-editor/src/components/block-editor/style.scss b/packages/js/product-editor/src/components/block-editor/style.scss
index cfec1c5b370..538eacaea7b 100644
--- a/packages/js/product-editor/src/components/block-editor/style.scss
+++ b/packages/js/product-editor/src/components/block-editor/style.scss
@@ -41,6 +41,10 @@
margin-left: auto;
margin-right: auto;
padding-bottom: 128px;
+
+ h4 {
+ font-size: 16px;
+ }
}
.components-input-control {
diff --git a/packages/js/product-editor/src/components/radio-field/style.scss b/packages/js/product-editor/src/components/radio-field/style.scss
index fe7ad92004d..0d2b2f0006c 100644
--- a/packages/js/product-editor/src/components/radio-field/style.scss
+++ b/packages/js/product-editor/src/components/radio-field/style.scss
@@ -6,18 +6,19 @@
display: block;
line-height: 1.5;
}
- margin-bottom: $gap-large;
+ margin-bottom: $gap-small;
}
&__title {
- font-size: 16px;
- font-weight: 600;
+ font-size: 11px;
+ font-weight: 500;
color: #1e1e1e;
+ text-transform: uppercase;
}
&__description {
font-size: 13px;
- color: #1e1e1e;
+ color: $gray-700;
}
.components-base-control__field > .components-v-stack {
diff --git a/plugins/woocommerce-admin/webpack.config.js b/plugins/woocommerce-admin/webpack.config.js
index 6252874b4d9..e66e67f9477 100644
--- a/plugins/woocommerce-admin/webpack.config.js
+++ b/plugins/woocommerce-admin/webpack.config.js
@@ -205,15 +205,6 @@ const webpackConfig = {
],
} ),
- new CopyWebpackPlugin( {
- patterns: [
- {
- from: '../../packages/js/product-editor/assets',
- to: './product-editor',
- },
- ],
- } ),
-
// React Fast Refresh.
! isProduction && isHot && new ReactRefreshWebpackPlugin(),
diff --git a/plugins/woocommerce/changelog/update-38260 b/plugins/woocommerce/changelog/update-38260
new file mode 100644
index 00000000000..512942f54a6
--- /dev/null
+++ b/plugins/woocommerce/changelog/update-38260
@@ -0,0 +1,4 @@
+Significance: minor
+Type: update
+
+Remove icons from product editor template
diff --git a/plugins/woocommerce/src/Admin/Features/ProductBlockEditor/Init.php b/plugins/woocommerce/src/Admin/Features/ProductBlockEditor/Init.php
index aed61808b12..3c694f28a12 100644
--- a/plugins/woocommerce/src/Admin/Features/ProductBlockEditor/Init.php
+++ b/plugins/woocommerce/src/Admin/Features/ProductBlockEditor/Init.php
@@ -232,9 +232,6 @@ class Init {
array(
'title' => __( 'Basic details', 'woocommerce' ),
'description' => __( 'This info will be displayed on the product page, category pages, social media, and search results.', 'woocommerce' ),
- 'icon' => array(
- 'src' => plugins_url( '/assets/client/admin/product-editor/icons/section_basic.svg', WC_PLUGIN_FILE ),
- ),
),
array(
array(
@@ -289,9 +286,6 @@ class Init {
array(
'title' => __( 'Description', 'woocommerce' ),
'description' => __( 'What makes this product unique? What are its most important features? Enrich the product page by adding rich content using blocks.', 'woocommerce' ),
- 'icon' => array(
- 'src' => '
',
- ),
),
array(
array(
@@ -309,9 +303,6 @@ class Init {
'
',
''
),
- 'icon' => array(
- 'src' => plugins_url( '/assets/client/admin/product-editor/icons/section_images.svg', WC_PLUGIN_FILE ),
- ),
),
array(
array(
@@ -347,9 +338,6 @@ class Init {
'
',
''
),
- 'icon' => array(
- 'src' => plugins_url( '/assets/client/admin/product-editor/icons/section_attributes.svg', WC_PLUGIN_FILE ),
- ),
),
array(
array(
@@ -377,9 +365,6 @@ class Init {
'
',
''
),
- 'icon' => array(
- 'src' => plugins_url( '/assets/client/admin/product-editor/icons/section_pricing.svg', WC_PLUGIN_FILE ),
- ),
),
array(
array(
@@ -500,9 +485,6 @@ class Init {
'
',
''
),
- 'icon' => array(
- 'src' => plugins_url( '/assets/client/admin/product-editor/icons/section_inventory.svg', WC_PLUGIN_FILE ),
- ),
),
array(
array(
@@ -650,9 +632,6 @@ class Init {
'
',
''
),
- 'icon' => array(
- 'src' => plugins_url( '/assets/client/admin/product-editor/icons/section_shipping.svg', WC_PLUGIN_FILE ),
- ),
),
array(
array(