* @var Smush\Core\Core $core Instance of Smush\Core\Core
* @var bool $hide_pagespeed Check whether to show PageSpeed recommendation or not.
* @var bool $is_pro Check if PRO user or not.
* @var bool $lossy_enabled Is lossy enabled.
* @var integer $unsmushed_count Count of the images that need smushing.
* @var integer $resmush_count Count of the images that need re-smushing.
* @var integer $total_images_to_smush Total count of all images to smush. Unsmushed images + images to re-smush.
* @var string $upgrade_url Upgrade to PRO link.
* @var string $bulk_upgrade_url Bulk Smush upgrade to PRO url.
if ( ! defined( 'WPINC' ) ) {
<?php if ( 0 !== absint( $core->total_count ) ) : ?>
<p><?php esc_html_e( 'Bulk smush detects images that can be optimized and allows you to compress them in bulk.', 'wp-smushit' ); ?></p>
// If there are no images in media library.
if ( 0 === absint( $core->total_count ) ) {
<?php if ( ! apply_filters( 'wpmudev_branding_hide_branding', false ) ) : ?>
<span class="wp-smush-no-image tc">
<img src="<?php echo esc_url( WP_SMUSH_URL . 'app/assets/images/smush-no-media.png' ); ?>"
alt="<?php esc_attr_e( 'No attachments found - Upload some images', 'wp-smushit' ); ?>">
<p class="wp-smush-no-images-content tc">
<?php esc_html_e( 'We haven’t found any images in your media library yet so there’s no smushing to be done!', 'wp-smushit' ); ?><br>
<?php esc_html_e( 'Once you upload images, reload this page and start playing!', 'wp-smushit' ); ?>
<span class="wp-smush-upload-images sui-no-padding-bottom tc">
<a class="sui-button sui-button-blue tc" href="<?php echo esc_url( admin_url( 'media-new.php' ) ); ?>">
<?php esc_html_e( 'UPLOAD IMAGES', 'wp-smushit' ); ?>
<?php $this->view( 'progress-bar', array( 'count' => $total_images_to_smush ), 'common' ); ?>
<div class="smush-final-log sui-hidden">
<div class="smush-bulk-errors"></div>
<div class="smush-bulk-errors-actions sui-hidden">
<a href="<?php echo esc_url( admin_url( 'upload.php' ) ); ?>" class="sui-button sui-button-icon sui-button-ghost">
<i class="sui-icon-photo-picture" aria-hidden="true"></i>
<?php esc_html_e( 'View all', 'wp-smushit' ); ?>
// This notice goes above the pagespeed recommendations in Pro.
$this->view( 'all-images-smushed-notice', array( 'all_done' => empty( $total_images_to_smush ) ), 'common' );
<?php if ( ! $hide_pagespeed ) : ?>
<div class="wp-smush-pagespeed-recommendation sui-border-frame <?php echo empty( $total_images_to_smush ) ? '' : 'sui-hidden'; ?>">
<p class="dismiss-recommendation sui-hidden-sm sui-hidden-md sui-hidden-lg" style="text-align: right;">
<span class="sui-icon-close sui-sm" aria-hidden="true"></span>
<?php esc_html_e( 'Dismiss', 'wp-smushit' ); ?>
<span class="smush-recommendation-title">
<?php esc_html_e( 'Still having trouble with PageSpeed tests? Give these a go…', 'wp-smushit' ); ?>
<span class="dismiss-recommendation sui-actions-right sui-hidden-xs">
<span class="sui-icon-close sui-sm" aria-hidden="true"></span>
<?php esc_html_e( 'Dismiss', 'wp-smushit' ); ?>
<ol class="smush-recommendation-list">
<?php if ( ! $is_pro ) : ?>
<li class="smush-recommendation-lossy">
/* translators: %1$s: opening a tag, %2$s: closing a tag */
esc_html__( 'Upgrade to Smush Pro for advanced lossy compression. %1$sTry pro free%2$s.', 'wp-smushit' ),
'<a href="' . esc_url( $upgrade_url ) . '" target="_blank" style="color: #8D00B1;">',
<?php elseif ( ! $this->settings->get( 'lossy' ) ) : ?>
<li class="smush-recommendation-lossy">
/* translators: %1$s: opening a tag, %2$s: closing a tag */
esc_html__( 'Enable %1$sSuper-Smush%2$s for advanced lossy compression to optimize images further with almost no visible drop in quality.', 'wp-smushit' ),
'<a href="#" class="wp-smush-lossy-enable">',
<li class="smush-recommendation-resize">
/* translators: %1$s: opening a tag, %2$s: closing a tag */
esc_html__( ' %1$sRead article %2$s “How To Ace Google’s Image PageSpeed Recommendations With Smush”.', 'wp-smushit' ),
'<a href="' . esc_url( 'https://goo.gl/kCqWxS' ) . '" target="_blank">',
/* translators: %1$s: opening a tag, %2$s: closing a tag */
esc_html__( 'Make sure your images are the right size for your theme. %1$sLearn more%2$s.', 'wp-smushit' ),
'<a href="https://premium.wpmudev.org/blog/smush-pagespeed-image-compression/" target="_blank">',
<?php if ( ! $this->settings->get( 'resize' ) ) : ?>
<li class="smush-recommendation-resize-original">
/* translators: %1$s: opening a tag, %2$s: closing a tag */
esc_html__( 'Enable %1$sResize Full Size Images%2$s to scale big images down to a reasonable size and save a ton of space.', 'wp-smushit' ),
'<a href="#" class="wp-smush-resize-enable">',
// This notice goes below the pagespeed recommendations in Free.
$this->view( 'all-images-smushed-notice', array( 'all_done' => empty( $total_images_to_smush ) ), 'common' );
<div class="wp-smush-bulk-wrapper sui-border-frame<?php echo empty( $total_images_to_smush ) ? ' sui-hidden' : ''; ?>">
<div id="wp-smush-bulk-content">
<?php WP_Smush::get_instance()->admin()->print_pending_bulk_smush_content( $total_images_to_smush, $resmush_count, $unsmushed_count ); ?>
<div id="wp-smush-all-button-container">
<button type="button" class="wp-smush-all sui-button sui-button-blue" title="<?php esc_attr_e( 'Click to start Bulk Smushing images in Media Library', 'wp-smushit' ); ?>">
<?php esc_html_e( 'BULK SMUSH NOW', 'wp-smushit' ); ?>
<?php if ( ! $is_pro ) : ?>
<div id="wp-smush-bulk-smush-upsell-row" class="sui-row">
<div class="sui-col-sm-6">
<h3><?php esc_html_e( 'Free Trial + 30% Discount for Smush users!', 'wp-smushit' ); ?></h3>
if ( Smush\Core\Core::$max_free_bulk < $total_images_to_smush ) :
/* translators: 1. total count of images to smush, 2. opening 'strong' tag, 3. closing 'strong' tag. */
esc_html__( 'Bulk smush %2$sall your %1$s images%3$s in one-click and get a %2$s30%% Welcome Discount%3$s just for Smush Free users!', 'wp-smushit' ),
esc_html( $total_images_to_smush ),
esc_html_e( 'Get Smush Pro and bulk optimize every image you’ve ever added to your site with one click.', 'wp-smushit' );
<a href="<?php echo esc_url( $bulk_upgrade_url ); ?>" class="sui-button sui-button-purple" target="_blank">
<?php esc_html_e( 'Try pro absolutely free', 'wp-smushit' ); ?>
<p><small><?php esc_html_e( '*Discount applies to all annual plans.', 'wp-smushit' ); ?></small></p>
<div class="sui-col-sm-6 wp-smush-hidden-xl">
<ul class="smush-pro-features">
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Fix Google PageSpeed image recommendations', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( '10 GB Smush CDN', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Smush original images', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( '2x better compression', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Serve a next-gen format with WebP conversion', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Copy your full size images', 'wp-smushit' ); ?>
<div class="sui-col-sm-3 wp-smush-show-xl">
<ul class="smush-pro-features">
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Fix Google PageSpeed image recommendations', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( '10 GB Smush CDN', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Smush original images', 'wp-smushit' ); ?>
<div class="sui-col-sm-3 wp-smush-show-xl">
<ul class="smush-pro-features">
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( '2x better compression', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Serve a next-gen format with WebP conversion', 'wp-smushit' ); ?>
<li class="smush-pro-feature-row"><div class="smush-pro-feature-title">
<?php esc_html_e( 'Copy your full size images', 'wp-smushit' ); ?>
if ( $is_pro && $lossy_enabled ) {
<p class="wp-smush-enable-lossy tc sui-hidden">
<?php esc_html_e( 'Tip: Enable Super-Smush in the Settings area to get even more savings with almost no visible drop in quality.', 'wp-smushit' ); ?>