관리-도구
편집 파일: _seo-section.blade.php
<div class="seo_wrapper mt-3"> <div class="outline-wrapper"> <div class="card rest-part bg-animate"> <div class="card-header d-flex justify-content-between align-items-center border-0 pb-0 pc-header-ai-btn"> <div> <h2 class="mb-1">{{ translate('seo_section') }}</h2> <p class="fs-12 mb-0"> {{ translate('add_meta_titles_descriptions_and_images_for_products').', '.translate('this_will_help_more_people_to_find_them_on_search_engines_and_see_the_right_details_while_sharing_on_other_social_platforms') }} </p> </div> @if(getActiveAIProviderConfigCache()) <button type="button" class="btn bg-white text-primary bg-transparent shadow-none border-0 opacity-1 generate_btn_wrapper p-0 seo_section_auto_fill" id="seo_section_auto_fill" data-route="{{ route('admin.product.seo-section-auto-fill') }}" data-lang="en"> <div class="btn-svg-wrapper"> <img width="18" height="18" class="" src="{{ dynamicAsset(path: 'public/assets//back-end/img/ai/blink-right-small.svg') }}" alt=""> </div> <span class="ai-text-animation d-none" role="status"> {{ translate('Just_a_second') }} </span> <span class="btn-text">{{ translate('Generate') }}</span> </button> @endif </div> <div class="card-body"> <div class="row g-4"> <div class="col-md-8"> <div class="bg-section rounded-10 p-12 p-sm-20"> <div class="form-group"> <label class="form-label"> {{ translate('meta_Title') }} <span class="tooltip-icon cursor-pointer" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ translate('add_the_products_title_name_taglines_etc_here').' '.translate('this_title_will_be_seen_on_Search_Engine_Results_Pages_and_while_sharing_the_products_link_on_social_platforms') .' [ '. translate('character_Limit') }} : 100 ]"> <i class="fi fi-sr-info"></i> </span> </label> <input type="text" name="meta_title" placeholder="{{ translate('meta_Title') }}" class="form-control" id="meta_title"> </div> <div class="form-group"> <label class="form-label"> {{ translate('meta_Description') }} <span class="tooltip-icon cursor-pointer" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ translate('write_a_short_description_of_the_InHouse_shops_product.').' '.translate('this_description_will_be_seen_on_search_engine_results_pages_and_while_sharing_the_products_link_on_social_platforms') .' [ '. translate('character_Limit') }} : 160 ]"> <i class="fi fi-sr-info"></i> </span> </label> <textarea rows="4" type="text" name="meta_description" id="meta_description" data-maxlength="160" class="form-control"></textarea> <div class="d-flex justify-content-end"> <span class="text-body-light">0/160</span> </div> </div> </div> </div> <div class="col-md-4"> <div class="d-flex justify-content-center bg-section rounded-10 p-12 p-sm-20 h-100"> <div class="d-flex flex-column justify-content-end gap-20"> <div class="text-center mb-4"> <label for="meta_Image" class="form-label fw-semibold mb-1"> {{ translate('meta_Image') }} </label> <p class="fs-12 mb-0">{{ translate('Upload_image') }}</p> </div> <div class="upload-file my-0"> <input type="file" name="meta_image" class="upload-file__input single_file_input" data-max-size="{{ getFileUploadMaxSize() }}" id="meta_image_input" accept="{{ getFileUploadFormats(skip:'.svg,.gif') }}" value="" > <label class="upload-file__wrapper ratio-2-1"> <div class="upload-file-textbox text-center"> <img width="34" height="34" src="{{ dynamicAsset(path: 'public/assets/new/back-end/img/svg/image-upload.svg') }}" alt="image upload"> <h6 class="mt-1 fw-medium lh-base text-center"> <span class="text-info">{{ translate('Click_to_upload') }}</span> <br> {{ translate('or_drag_and_drop') }} </h6> </div> <img class="upload-file-img pre-meta-image-viewer" loading="lazy" src="" data-default-src="{{ dynamicAsset(path: 'public/assets/new/back-end/img/svg/image-upload.svg') }}" alt=""> </label> <div class="overlay"> <div class="d-flex gap-10 justify-content-center align-items-center h-100"> <button type="button" class="btn btn-outline-info icon-btn view_btn"> <i class="fi fi-sr-eye"></i> </button> <button type="button" class="btn btn-outline-info icon-btn edit_btn"> <i class="fi fi-rr-camera"></i> </button> </div> </div> </div> <p class="fs-10 mb-0 text-center"> {{ getFileUploadFormats(skip: '.svg, .gif', asBladeMessage: true).' '. translate('Image_size'). ' : '. translate('Max').' '. getFileUploadMaxSize() . 'MB' }} <span class="text-dark fw-semibold">{{ THEME_RATIO[theme_root_path()]['Meta Thumbnail'] }}</span> </p> </div> </div> </div> </div> @include('admin-views.product.partials._seo-section') </div> </div> </div> </div>