Merge pull request #30081 from woocommerce/frosso/wcs-extensions-bannes-updates

chore: copy changes on WCS banner

assets/css/admin.scss

@@ -154,11 +154,23 @@
 		border: 1px solid #e6e6e6;
 		margin-right: 2em;
 		padding: 4em;
+		max-width: 200px;
 
 		.addons-img {
 			max-height: 86px;
 			max-width: 97px;
 		}
+
+		&.is-full-image {
+			padding: 0;
+			background: none;
+			border: none;
+
+			.addons-img {
+				max-height: 100%;
+				max-width: 100%;
+			}
+		}
 	}
 
 	.addons-promotion-block {
@@ -219,8 +231,27 @@
 			margin-bottom: 0;
 		}
 
+		.wcs-logos-container {
+			display: flex;
+			align-items: center;
+			flex-direction: row;
+			justify-content: center;
+
+			@media screen and (min-width: 500px) {
+				justify-content: left;
+			}
+
+			li {
+				margin-right: 8px;
+
+				&:last-child {
+					margin-right: 0;
+				}
+			}
+		}
+
 		.wcs-service-logo {
-			max-width: 40px;
+			max-width: 45px;
 		}
 	}
 

includes/admin/class-wc-admin-addons.php

@@ -393,10 +393,10 @@ class WC_Admin_Addons {
 		);
 
 		$defaults = array(
-			'image'       => WC()->plugin_url() . '/assets/images/wcs-extensions-banner-3x.png',
+			'image'       => WC()->plugin_url() . '/assets/images/wcs-extensions-banner-3x.jpg',
 			'image_alt'   => __( 'WooCommerce Shipping', 'woocommerce' ),
-			'title'       => __( 'Buy discounted shipping labels — then print them from your dashboard.', 'woocommerce' ),
+			'title'       => __( 'Save time and money with WooCommerce Shipping', 'woocommerce' ),
-			'description' => __( 'Integrate your store with USPS to buy discounted shipping labels, and print them directly from your WooCommerce dashboard. Powered by WooCommerce Shipping.', 'woocommerce' ),
+			'description' => __( 'Print discounted USPS and DHL labels straight from your WooCommerce dashboard and save on shipping.', 'woocommerce' ),
 			'button'      => __( 'Free - Install now', 'woocommerce' ),
 			'href'        => $button_url,
 			'logos'       => array(),
@@ -412,6 +412,10 @@ class WC_Admin_Addons {
 								'link' => WC()->plugin_url() . '/assets/images/wcs-usps-logo.png',
 								'alt'  => 'USPS logo',
 							),
+							array(
+								'link' => WC()->plugin_url() . '/assets/images/wcs-dhlexpress-logo.png',
+								'alt'  => 'DHL Express logo',
+							),
 						)
 					),
 				);
@@ -423,7 +427,7 @@ class WC_Admin_Addons {
 		$block_data = array_merge( $defaults, $local_defaults, $block );
 		?>
 		<div class="addons-wcs-banner-block">
-			<div class="addons-wcs-banner-block-image">
+			<div class="addons-wcs-banner-block-image is-full-image">
 				<img
 					class="addons-img"
 					src="<?php echo esc_url( $block_data['image'] ); ?>"
@@ -433,7 +437,7 @@ class WC_Admin_Addons {
 			<div class="addons-wcs-banner-block-content">
 				<h1><?php echo esc_html( $block_data['title'] ); ?></h1>
 				<p><?php echo esc_html( $block_data['description'] ); ?></p>
-				<ul>
+				<ul class="wcs-logos-container">
 					<?php foreach ( $block_data['logos'] as $logo ) : ?>
 						<li>
 							<img