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

chore: copy changes on WCS banner
This commit is contained in:
Néstor Soriano 2021-06-28 16:52:44 +02:00 committed by GitHub
commit 1f1f331432
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 41 additions and 6 deletions

View File

@ -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;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

@ -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' ),
'description' => __( 'Integrate your store with USPS to buy discounted shipping labels, and print them directly from your WooCommerce dashboard. Powered by WooCommerce Shipping.', 'woocommerce' ),
'title' => __( 'Save time and money with 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