Skip to content

Commit 485981d

Browse files
selulselul
committed
review upsells designs
1 parent 61b88e8 commit 485981d

File tree

3 files changed

+110
-93
lines changed

3 files changed

+110
-93
lines changed

‎css/settings.css

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -100,15 +100,15 @@
100100

101101
.pro-label{
102102
display: inline-block;
103-
padding: 5px 10px;
103+
padding: 3px 4px;
104104
background: #4268CF;
105105
border-radius: 2px;
106106
text-transform: uppercase;
107107
font-weight: bold;
108-
font-size: 13px;
109-
line-height: 14px;
108+
font-size: 0.55rem;
109+
line-height: 0.6rem;
110110
color: #ffffff;
111-
vertical-align: middle;
111+
vertical-align: super;
112112
}
113113

114114
.post-type-feedzy_imports:not(.edit-post) .wrap div#side-sortables{
@@ -155,6 +155,18 @@
155155
.feedzy-accordion-item__title{
156156
position: relative;
157157
}
158+
.fdz-upgrade-link{
159+
width: 100%;
160+
text-align: right;
161+
line-height:normal;
162+
margin-bottom:10px;
163+
}
164+
.fz-form-wrap .form-block.no-border{
165+
border-bottom: 0px;
166+
}
167+
.form-block.only-pro > div:not(.only-pro-content) {
168+
opacity: 0.4;
169+
}
158170
.feedzy-accordion-item.only-pro{
159171
opacity: 0.5;
160172
}
@@ -1109,12 +1121,11 @@ input.fz-switch-toggle[type=checkbox]:checked:before{
11091121
/* FZ tab style end */
11101122

11111123
.upgrade-alert{
1112-
padding: 20px 50px 20px 20px;
1124+
padding: 10px 10px 10px 10px;
11131125
background: #4268CF;
11141126
text-align: center;
1115-
font-weight: 500;
1116-
font-size: 16px;
1117-
line-height: 19px;
1127+
font-size: 14px;
1128+
line-height: 20px;
11181129
color: #FFFFFF;
11191130
position: relative;
11201131
}

‎includes/feedzy-rss-feeds-feed-tweaks.php

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,21 @@ function feedzy_el_display_external_post_image( $html, $settings, $image_size_ke
151151
}
152152
add_filter( 'elementor/image_size/get_attachment_image_html', 'feedzy_el_display_external_post_image', 10, 4 );
153153

154+
155+
156+
/**
157+
* Generates an upgrade link for the Feedzy plugin.
158+
*
159+
* This function creates a URL for the Feedzy upsell link with UTM parameters.
160+
*
161+
* @param string $area The area where the link is used.
162+
* @param string $location Optional. The specific page location. Default is null.
163+
*
164+
* @return string The translated and UTM-ified upgrade link.
165+
*/
166+
function feedzy_upgrade_link($area, $location = null) {
167+
return tsdk_translate_link( tsdk_utmify( FEEDZY_UPSELL_LINK, $area, $location ));
168+
}
154169
/**
155170
* Filters whether a post has a post thumbnail.
156171
*

‎includes/views/import-metabox-edit.php

Lines changed: 76 additions & 85 deletions
Original file line numberDiff line numberDiff line change
@@ -115,6 +115,7 @@ class="dashicons dashicons-arrow-down-alt2"></span>
115115

116116
<input type="hidden" name="feedzy_meta_data[filter_conditions]" id="feed-post-filters-conditions" value="<?php echo esc_attr( $filter_conditions ); ?>">
117117
<div class="fz-conditions" id="fz-conditions"></div>
118+
<div class="fdz-upgrade-link"><span class="dashicons dashicons-lock"></span> <a href="<?php echo esc_url(feedzy_upgrade_link('filters', 'import')); ?>"><?php _e( 'Upgrade to Unlock Advanced Filtering', 'feedzy-rss-feeds'); ?> </a></div>
118119
</div>
119120
</div>
120121
</div>
@@ -528,20 +529,6 @@ class="fz-switch-toggle" type="checkbox" value="yes"
528529
</div>
529530
</div>
530531
</div>
531-
<?php if ( ! feedzy_is_pro() ) : ?>
532-
<div class="upgrade-alert">
533-
<?php
534-
echo wp_kses_post(
535-
sprintf(
536-
// translators: %1$s: opening anchor tag, %2$s: closing anchor tag
537-
__( 'Add more advanced tags, like item price, rating and many more, by %1$s upgrading to Feedzy Pro %2$s', 'feedzy-rss-feeds' ),
538-
'<a href="' . esc_url( tsdk_translate_link( tsdk_utmify( FEEDZY_UPSELL_LINK, 'post-excerpt', 'import' ) ) ) . '" target="_blank">',
539-
'</a><button type="button" class="remove-alert"><span class="dashicons dashicons-no-alt"></span></button>'
540-
)
541-
);
542-
?>
543-
</div>
544-
<?php endif; ?>
545532
</div>
546533
</div>
547534

@@ -621,7 +608,43 @@ class="fz-switch-toggle" type="checkbox" value="yes"
621608
</div>
622609
<div class="feedzy-accordion-item__content border-top">
623610
<div class="fz-form-wrap">
624-
<div class="feedzy-auto-delete form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
611+
612+
<div class="form-block form-block-two-column no-border">
613+
<div class="fz-left">
614+
<h4 class="h4"><?php esc_html_e( 'Remove Duplicates', 'feedzy-rss-feeds' ); ?></h4>
615+
</div>
616+
<div class="fz-right">
617+
<div class="fz-form-group">
618+
<div class="fz-form-switch">
619+
<input id="remove-duplicates" name="feedzy_meta_data[import_remove_duplicates]"
620+
class="fz-switch-toggle" type="checkbox" value="yes"
621+
<?php echo esc_attr( $import_remove_duplicates ); ?>>
622+
<label class="feedzy-inline form-label" for="remove-duplicates"><?php esc_html_e( 'Remove Duplicate Items', 'feedzy-rss-feeds' ); ?></label>
623+
</div>
624+
</div>
625+
<div class="help-text">
626+
<?php echo wp_sprintf( esc_html__( 'To understand how duplicates will be removed, check out our', 'feedzy-rss-feeds' ) ); ?>
627+
<a href="<?php echo esc_url( 'https://docs.themeisle.com/article/638-how-to-eliminate-duplicate-feed-item' ); ?>" target="_blank"><?php esc_html_e( 'Documentation.', 'feedzy-rss-feeds' ); ?></a>
628+
</div>
629+
</div>
630+
</div>
631+
<div class="form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
632+
<?php echo wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'remove-duplicates', 'import' ) ); ?>
633+
<div class="fz-left">
634+
<h4 class="h4"><?php esc_html_e( 'Duplication Key', 'feedzy-rss-feeds' ); ?> <?php echo ! feedzy_is_pro() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
635+
</div>
636+
<div class="fz-right">
637+
<div class="fz-form-group">
638+
<label class="form-label"><?php esc_html_e( 'Set a custom duplication key to identify unique feed items', 'feedzy-rss-feeds' ); ?></label>
639+
<input type="text" id="feedzy_mark_duplicate" name="feedzy_meta_data[mark_duplicate_tag]" class="form-control" value="<?php echo esc_attr( $mark_duplicate_tag ); ?>"<?php disabled( true, 'checked' !== $import_remove_duplicates ); ?> />
640+
<div class="help-text pt-8">
641+
<?php esc_html_e( 'Define a custom duplication key for identifying unique feed items when importing content. By default, items are considered unique based on their title and URL. Enter one or multiple magic tags.', 'feedzy-rss-feeds' ); ?>
642+
</div>
643+
</div>
644+
</div>
645+
</div>
646+
647+
<div class=" form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
625648
<?php echo wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'auto-delete', 'import' ) ); ?>
626649
<div class="fz-left">
627650
<h4 class="h4"><?php esc_html_e( 'Auto-Delete', 'feedzy-rss-feeds' ); ?> <?php echo ! feedzy_is_pro() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
@@ -637,7 +660,7 @@ class="fz-switch-toggle" type="checkbox" value="yes"
637660
</div>
638661
</div>
639662

640-
<div class="form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
663+
<div class="form-block form-block-two-column no-border <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
641664
<?php echo wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'delete-featured-image', 'import' ) ); ?>
642665
<div class="fz-left"><h4 class="h4"><?php esc_html_e( 'Delete image', 'feedzy-rss-feeds' ); ?><?php echo ! feedzy_is_pro() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
643666
</div>
@@ -656,98 +679,66 @@ class="fz-switch-toggle" type="checkbox" value="yes"
656679
</div>
657680
</div>
658681

659-
<div class="form-block form-block-two-column">
660-
<div class="fz-left">
661-
<h4 class="h4"><?php esc_html_e( 'Remove Duplicates', 'feedzy-rss-feeds' ); ?></h4>
662-
</div>
663-
<div class="fz-right">
664-
<div class="fz-form-group">
665-
<div class="fz-form-switch">
666-
<input id="remove-duplicates" name="feedzy_meta_data[import_remove_duplicates]"
667-
class="fz-switch-toggle" type="checkbox" value="yes"
668-
<?php echo esc_attr( $import_remove_duplicates ); ?>>
669-
<label class="feedzy-inline form-label" for="remove-duplicates"><?php esc_html_e( 'Remove Duplicate Items', 'feedzy-rss-feeds' ); ?></label>
670-
</div>
671-
</div>
672-
<div class="help-text">
673-
<?php echo wp_sprintf( esc_html__( 'To understand how duplicates will be removed, check out our', 'feedzy-rss-feeds' ) ); ?>
674-
<a href="<?php echo esc_url( 'https://docs.themeisle.com/article/638-how-to-eliminate-duplicate-feed-item' ); ?>" target="_blank"><?php esc_html_e( 'Documentation.', 'feedzy-rss-feeds' ); ?></a>
675-
</div>
676-
</div>
677-
</div>
678-
679-
<div class="form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
680-
<?php echo wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'remove-duplicates', 'import' ) ); ?>
681-
<div class="fz-left">
682-
<h4 class="h4"><?php esc_html_e( 'Duplication Key', 'feedzy-rss-feeds' ); ?> <?php echo ! feedzy_is_pro() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
683-
</div>
684-
<div class="fz-right">
685-
<div class="fz-form-group">
686-
<label class="form-label"><?php esc_html_e( 'Set a custom duplication key to identify unique feed items', 'feedzy-rss-feeds' ); ?></label>
687-
<input type="text" id="feedzy_mark_duplicate" name="feedzy_meta_data[mark_duplicate_tag]" class="form-control" value="<?php echo esc_attr( $mark_duplicate_tag ); ?>"<?php disabled( true, 'checked' !== $import_remove_duplicates ); ?> />
688-
<div class="help-text pt-8">
689-
<?php esc_html_e( 'Define a custom duplication key for identifying unique feed items when importing content. By default, items are considered unique based on their title and URL. Enter one or multiple magic tags.', 'feedzy-rss-feeds' ); ?>
690-
</div>
691-
</div>
692-
</div>
693-
</div>
694-
695-
<div class="form-block form-block-two-column">
696-
<div class="fz-left">
697-
<h4 class="h4"><?php esc_html_e( 'Items Count', 'feedzy-rss-feeds' ); ?><?php echo ! feedzy_is_pro() && ! feedzy_is_legacyv5() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
698-
</div>
699-
<div class="fz-right">
700-
<div class="fz-form-group">
701-
<label class="form-label"><?php esc_html_e( 'How many feed items to import from the source?', 'feedzy-rss-feeds' ); ?></label>
702-
<input type="number" min="0" max="9999" id="feedzy_item_limit" name="feedzy_meta_data[import_feed_limit<?php echo! feedzy_is_pro() && ! feedzy_is_legacyv5() ? 'locked' : ''; ?>]" class="form-control" value="<?php echo esc_attr( (int) $import_feed_limit ); ?>" />
703-
<div class="help-text pt-8">
704-
<?php echo wp_kses_post( sprintf( __( 'If you choose a high number, please check that your configuration can support it or your imports may fail.', 'feedzy-rss-feeds' ), '<b>', '</b>' ) ); ?>
705-
</div>
706-
</div>
707-
</div>
708-
</div>
709-
<div class="form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
682+
<div class="form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
710683
<?php echo wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'fallback-image', 'import' ) ); ?>
711-
<div class="fz-left">
712-
<h4 class="h4"><?php esc_html_e( 'Fallback Image', 'feedzy-rss-feeds' ); ?> <?php echo ! feedzy_is_pro() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
713-
</div>
714-
<div class="fz-right">
715-
<div class="fz-form-group">
716-
<label class="form-label"><?php esc_html_e( 'Select an image to be the fallback featured image.', 'feedzy-rss-feeds' ); ?></label>
684+
<div class="fz-left">
685+
<h4 class="h4"><?php esc_html_e( 'Fallback Image', 'feedzy-rss-feeds' ); ?> <?php echo ! feedzy_is_pro() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
686+
</div>
687+
<div class="fz-right">
688+
<div class="fz-form-group">
689+
<label class="form-label"><?php esc_html_e( 'Select an image to be the fallback featured image.', 'feedzy-rss-feeds' ); ?></label>
717690
<?php
718691
$btn_label = esc_html__( 'Choose image', 'feedzy-rss-feeds' );
719692
$default_thumbnail_id = ! empty( $default_thumbnail_id ) ? explode( ',', (string) $default_thumbnail_id ) : array();
720693
if ( ! empty( $default_thumbnail_id ) ) :
721694
$btn_label = esc_html__( 'Replace image', 'feedzy-rss-feeds' );
722695
?>
723-
<div class="fz-form-group mb-20 feedzy-media-preview">
696+
<div class="fz-form-group mb-20 feedzy-media-preview">
724697
<?php
725698
if ( count( $default_thumbnail_id ) > 1 ) {
726699
?>
727-
<a href="javascript:;" class="btn btn-outline-primary feedzy-images-selected">
700+
<a href="javascript:;" class="btn btn-outline-primary feedzy-images-selected">
728701
<?php
729-
// translators: %d select images count.
730-
echo esc_html( sprintf( __( '(%d) images selected', 'feedzy-rss-feeds' ), count( $default_thumbnail_id ) ) );
702+
// translators: %d select images count.
703+
echo esc_html( sprintf( __( '(%d) images selected', 'feedzy-rss-feeds' ), count( $default_thumbnail_id ) ) );
731704
?>
732-
</a>
705+
</a>
733706
<?php
734707
} else {
735708
echo wp_get_attachment_image( reset( $default_thumbnail_id ), 'thumbnail' );
736709
}
737710
?>
738-
</div>
711+
</div>
739712
<?php endif; ?>
740-
<div class="fz-cta-group pb-8">
741-
<a href="javascript:;" class="feedzy-open-media btn btn-outline-primary"><?php echo esc_html( $btn_label ); ?></a>
742-
<a href="javascript:;" class="feedzy-remove-media btn btn-outline-primary <?php echo ! empty( $default_thumbnail_id ) ? esc_attr( 'is-show' ) : ''; ?>"><?php esc_html_e( 'Remove', 'feedzy-rss-feeds' ); ?></a>
743-
<input type="hidden" name="feedzy_meta_data[default_thumbnail_id]" id="feed-post-default-thumbnail" value="<?php echo esc_attr( implode( ',', $default_thumbnail_id ) ); ?>">
744-
</div>
745-
<div class="help-text pt-8">
713+
<div class="fz-cta-group pb-8">
714+
<a href="javascript:;" class="feedzy-open-media btn btn-outline-primary"><?php echo esc_html( $btn_label ); ?></a>
715+
<a href="javascript:;" class="feedzy-remove-media btn btn-outline-primary <?php echo ! empty( $default_thumbnail_id ) ? esc_attr( 'is-show' ) : ''; ?>"><?php esc_html_e( 'Remove', 'feedzy-rss-feeds' ); ?></a>
716+
<input type="hidden" name="feedzy_meta_data[default_thumbnail_id]" id="feed-post-default-thumbnail" value="<?php echo esc_attr( implode( ',', $default_thumbnail_id ) ); ?>">
717+
</div>
718+
<div class="help-text pt-8">
746719
<?php esc_html_e( 'Helpful for setting a fallback image for feed items without an image. If multiple fallback images are selected, one of them will be randomly assigned to each post without an image during the import process.', 'feedzy-rss-feeds' ); ?>
720+
</div>
721+
</div>
722+
</div>
723+
</div>
724+
725+
<div class="form-block form-block-two-column no-border <?php echo ! feedzy_is_pro() && ! feedzy_is_legacyv5() ? esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ) : ''; ?>">
726+
727+
<?php echo ! feedzy_is_pro() && ! feedzy_is_legacyv5() ? wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'item-count', 'import' ) ) : ''; ?>
728+
<div class="fz-left">
729+
<h4 class="h4"><?php esc_html_e( 'Items Count', 'feedzy-rss-feeds' ); ?><?php echo ! feedzy_is_pro() && ! feedzy_is_legacyv5() ? ' <span class="pro-label">PRO</span>' : ''; ?></h4>
730+
</div>
731+
<div class="fz-right">
732+
<div class="fz-form-group">
733+
<label class="form-label"><?php esc_html_e( 'How many feed items to import from the source?', 'feedzy-rss-feeds' ); ?></label>
734+
<input type="number" min="0" max="9999" id="feedzy_item_limit" name="feedzy_meta_data[import_feed_limit<?php echo! feedzy_is_pro() && ! feedzy_is_legacyv5() ? 'locked' : ''; ?>]" class="form-control" value="<?php echo esc_attr( (int) $import_feed_limit ); ?>" />
735+
<div class="help-text pt-8">
736+
<?php echo wp_kses_post( sprintf( __( 'If you choose a high number, please check that your configuration can support it or your imports may fail.', 'feedzy-rss-feeds' ), '<b>', '</b>' ) ); ?>
747737
</div>
748738
</div>
749739
</div>
750740
</div>
741+
751742
<div class="form-block form-block-two-column <?php echo esc_attr( apply_filters( 'feedzy_upsell_class', '' ) ); ?>">
752743
<?php echo wp_kses_post( apply_filters( 'feedzy_upsell_content', '', 'schedule-import-job', 'import' ) ); ?>
753744
<div class="fz-left">

0 commit comments

Comments
 (0)