🛠️ enhance/default banner and profile picture

assets/src/less/store.less

@@ -231,7 +231,6 @@
                 height: auto;
 
                 &.dummy-image {
-                    background-image: url(../../images/default-store-banner.png);
                     background-size: 100% 100%;
                     background-repeat: no-repeat;
                 }

includes/Admin/Settings.php

@@ -90,7 +90,7 @@
      * @return void
      */
     public function get_settings_value() {
         if ( ! current_user_can( 'manage_woocommerce' ) ) {
             wp_send_json_error( __( 'You have no permission to get settings value', 'dokan-lite' ) );
         }
 
@@ -116,7 +116,7 @@
      */
     public function save_settings_value() {
         try {
             if ( ! current_user_can( 'manage_woocommerce' ) ) {
                 throw new DokanException( 'dokan_settings_unauthorized_operation', __( 'You are not authorized to perform this action.', 'dokan-lite' ), 401 );
             }
 
@@ -756,6 +756,20 @@
                     ],
                     'default' => 'default',
                 ],
+                'default_store_banner'       => [
+                    'name'    => 'default_store_banner',
+                    'label'   => __( 'Default Store Banner', 'dokan-lite' ),
+                    'type'    => 'file',
+                    'default' => DOKAN_PLUGIN_ASSEST . '/images/default-store-banner.png',
+                    'restore' => true
+                ],
+                'default_store_profile'       => [
+                    'name'    => 'default_store_profile',
+                    'label'   => __( 'Default Store Profile Picture', 'dokan-lite' ),
+                    'type'    => 'file',
+                    'default' => DOKAN_PLUGIN_ASSEST . '/images/mystery-person.jpg',
+                    'restore' => true
+                ],
                 'store_open_close'           => [
                     'name'    => 'store_open_close',
                     'label'   => __( 'Store Opening Closing Time Widget', 'dokan-lite' ),

includes/Vendor/Vendor.php

@@ -438,12 +438,17 @@ public function get_location() {
     /**
      * Get the shop banner
      *
-     * @return string
+     * @return string|false
      */
     public function get_banner() {
-        $banner_id = $this->get_banner_id();
+        if ( $this->get_banner_id() ) {
+            return wp_get_attachment_url( $this->get_banner_id() );
+        }
+
+        // get default banner set from admin settings
+        $default_store_banner = DOKAN_PLUGIN_ASSEST . '/images/default-store-banner.png';
 
-        return $banner_id ? wp_get_attachment_url( $banner_id ) : '';
+        return dokan_get_option( 'default_store_banner', 'dokan_appearance', $default_store_banner );
     }
 
     /**
@@ -469,11 +474,11 @@ public function get_banner_id() {
     public function get_avatar() {
         $avatar_id = $this->get_avatar_id();
 
-        if ( ! $avatar_id && ! empty( $this->data->user_email ) ) {
-            return get_avatar_url( $this->data->user_email, 96 );
+        if ( $avatar_id ) {
+            return wp_get_attachment_url( $avatar_id );
         }
 
-        return wp_get_attachment_url( $avatar_id );
+        return dokan_get_option( 'default_store_profile', 'dokan_appearance', DOKAN_PLUGIN_ASSEST . '/images/mystery-person.jpg' );
     }
 
     /**

src/admin/components/FieldHeading.vue

@@ -12,7 +12,10 @@
                 ></i>
             </span>
         </h3>
-        <p class="field_desc" v-html="fieldData.desc"></p>
+        <p class="field_desc" v-if="fieldData.desc" v-html="fieldData.desc"></p>
+        <p class="field_default" v-if="fieldData.type === 'file' && fieldData.restore === true">
+            <a href="" v-on:click.prevent="restoreDefaultImage()">{{ __( 'Restore Default', 'dokan-lite' ) }}</a>
+        </p>
     </div>
 </template>
 
@@ -21,5 +24,23 @@
         name : 'FieldHeading',
 
         props : ['fieldData'],
+
+        methods: {
+            restoreDefaultImage() {
+                Swal.fire({
+                        icon              : 'warning',
+                        html              : this.__( 'Would you like to revert back to the default state?', 'dokan-lite' ),
+                        title             : this.__( 'Are you sure?', 'dokan-lite' ),
+                        showCancelButton  : true,
+                        cancelButtonText  : this.__( 'No, Cancel', 'dokan-lite' ),
+                        confirmButtonText : this.__( 'Yes, Reset', 'dokan-lite' ),
+                    }).then( ( response ) => {
+                        if ( response.isConfirmed ) {
+                            this.$root.$emit( 'dokanRestoreDefault', this.fieldData );
+                            Swal.fire( this.__( 'Success', 'dokan-lite' ), '', 'success' );
+                        }
+                    });
+            }
+        }
     };
 </script>

src/admin/components/Fields.vue

@@ -488,6 +488,12 @@
                     this.checked = value;
                 }
             });
+
+            this.$root.$on( 'dokanRestoreDefault', ( fieldData ) => {
+                if ( this.fieldValue[ fieldData.name ] !== fieldData.default ) {
+                    this.fieldValue[ fieldData.name ] = fieldData.default
+                }
+            });
         },
 
         computed: {
@@ -937,6 +943,10 @@
                         }
                     }
                 }
+
+                .field_default {
+                    margin: 0;
+                }
             }
 
             .social-switch-wraper {

templates/store-header.php

@@ -1,25 +1,25 @@
 <?php
-$store_user    = dokan()->vendor->get( get_query_var( 'author' ) );
-$store_info    = $store_user->get_shop_info();
-$social_info   = $store_user->get_social_profiles();
-$store_tabs    = dokan_get_store_tabs( $store_user->get_id() );
-$social_fields = dokan_get_social_profile_fields();
-
-$dokan_store_times = ! empty( $store_info['dokan_store_time'] ) ? $store_info['dokan_store_time'] : [];
-$current_time      = dokan_current_datetime();
-$today             = strtolower( $current_time->format( 'l' ) );
-
-$dokan_appearance = get_option( 'dokan_appearance' );
-$profile_layout   = empty( $dokan_appearance['store_header_template'] ) ? 'default' : $dokan_appearance['store_header_template'];
-$store_address    = dokan_get_seller_short_address( $store_user->get_id(), false );
-
-$dokan_store_time_enabled = isset( $store_info['dokan_store_time_enabled'] ) ? $store_info['dokan_store_time_enabled'] : '';
-$store_open_notice        = isset( $store_info['dokan_store_open_notice'] ) && ! empty( $store_info['dokan_store_open_notice'] ) ? $store_info['dokan_store_open_notice'] : __( 'Store Open', 'dokan-lite' );
-$store_closed_notice      = isset( $store_info['dokan_store_close_notice'] ) && ! empty( $store_info['dokan_store_close_notice'] ) ? $store_info['dokan_store_close_notice'] : __( 'Store Closed', 'dokan-lite' );
-$show_store_open_close    = dokan_get_option( 'store_open_close', 'dokan_appearance', 'on' );
-
-$general_settings = get_option( 'dokan_general', [] );
-$banner_width     = dokan_get_vendor_store_banner_width();
+$store_user                 = dokan()->vendor->get( get_query_var( 'author' ) );
+$store_info                 = $store_user->get_shop_info();
+$social_info                = $store_user->get_social_profiles();
+$store_tabs                 = dokan_get_store_tabs( $store_user->get_id() );
+$social_fields              = dokan_get_social_profile_fields();
+
+$dokan_store_times          = ! empty( $store_info['dokan_store_time'] ) ? $store_info['dokan_store_time'] : [];
+$current_time               = dokan_current_datetime();
+$today                      = strtolower( $current_time->format( 'l' ) );
+
+$dokan_appearance           = get_option( 'dokan_appearance' );
+$profile_layout             = empty( $dokan_appearance['store_header_template'] ) ? 'default' : $dokan_appearance['store_header_template'];
+$store_address              = dokan_get_seller_short_address( $store_user->get_id(), false );
+$store_banner_url           = $store_user->get_banner();
+$dokan_store_time_enabled   = isset( $store_info['dokan_store_time_enabled'] ) ? $store_info['dokan_store_time_enabled'] : '';
+$store_open_notice          = isset( $store_info['dokan_store_open_notice'] ) && ! empty( $store_info['dokan_store_open_notice'] ) ? $store_info['dokan_store_open_notice'] : __( 'Store Open', 'dokan-lite' );
+$store_closed_notice        = isset( $store_info['dokan_store_close_notice'] ) && ! empty( $store_info['dokan_store_close_notice'] ) ? $store_info['dokan_store_close_notice'] : __( 'Store Closed', 'dokan-lite' );
+$show_store_open_close      = dokan_get_option( 'store_open_close', 'dokan_appearance', 'on' );
+
+$general_settings           = get_option( 'dokan_general', [] );
+$banner_width               = dokan_get_vendor_store_banner_width();
 
 if ( ( 'default' === $profile_layout ) || ( 'layout2' === $profile_layout ) ) {
     $profile_img_class = 'profile-img-circle';
@@ -48,7 +48,7 @@
                     title="<?php echo esc_attr( $store_user->get_shop_name() ); ?>"
                     class="profile-info-img">
             <?php } else { ?>
-                <div class="profile-info-img dummy-image">&nbsp;</div>
+                <div class="profile-info-img dummy-image" style="background-image:url(<?php esc_url_raw( $store_banner_url ); ?>)">&nbsp;</div>
             <?php } ?>
 
             <div class="profile-info-summery-wrapper dokan-clearfix">

templates/store-lists-loop.php

@@ -5,21 +5,24 @@
                 <?php
                 foreach ( $sellers['users'] as $seller ) {
                     $vendor                   = dokan()->vendor->get( $seller->ID );
-                    $store_banner_id          = $vendor->get_banner_id();
                     $store_name               = $vendor->get_shop_name();
                     $store_url                = $vendor->get_shop_url();
                     $store_rating             = $vendor->get_rating();
                     $is_store_featured        = $vendor->is_featured();
                     $store_phone              = $vendor->get_phone();
                     $store_info               = dokan_get_store_info( $seller->ID );
                     $store_address            = dokan_get_seller_short_address( $seller->ID );
-                    $store_banner_url         = $store_banner_id ? wp_get_attachment_image_src( $store_banner_id, $image_size ) : DOKAN_PLUGIN_ASSEST . '/images/default-store-banner.png';
+                    $store_banner_url         = $vendor->get_banner();
                     $show_store_open_close    = dokan_get_option( 'store_open_close', 'dokan_appearance', 'on' );
                     $dokan_store_time_enabled = isset( $store_info['dokan_store_time_enabled'] ) ? $store_info['dokan_store_time_enabled'] : '';
                     $store_open_is_on         = ( 'on' === $show_store_open_close && 'yes' === $dokan_store_time_enabled && ! $is_store_featured ) ? 'store_open_is_on' : '';
+
+                    // get default banner set from admin settings
+                    $default_store_banner = DOKAN_PLUGIN_ASSEST . '/images/default-store-banner.png';
+                    $no_bannar_image_needed = $default_store_banner === $store_banner_url;
                     ?>
 
-                    <li class="dokan-single-seller woocommerce coloum-<?php echo esc_attr( $per_row ); ?> <?php echo ( ! $store_banner_id ) ? 'no-banner-img' : ''; ?>">
+                    <li class="dokan-single-seller woocommerce coloum-<?php echo esc_attr( $per_row ); ?> <?php echo $no_bannar_image_needed ? 'no-banner-img' : ''; ?>">
                         <div class="store-wrapper">
                             <div class="store-header">
                                 <div class="store-banner">
@@ -29,7 +32,7 @@
                                 </div>
                             </div>
 
-                            <div class="store-content <?php echo ! $store_banner_id ? esc_attr( 'default-store-banner' ) : ''; ?>">
+                            <div class="store-content <?php echo $no_bannar_image_needed ? esc_attr( 'default-store-banner' ) : ''; ?>">
                                 <div class="store-data-container">
                                     <div class="featured-favourite">
                                         <?php if ( $is_store_featured ) : ?>