چگونه در سال 2023 ویدیوی Shopify را به راحتی به بخش بنر اضافه کنیم

آیا می خواهید Shopify Video را به بخش بنر اضافه کنید؟ بنر مهمترین بخش هر وب سایت است. این بخش اصلی برای جلب توجه بازدیدکنندگان و نمایش محصولات یا خدمات خود به شیوه ای پویا و جذاب است. با افزودن یک ویدیو، می توانید به مشتریان بالقوه یک معرفی سریع و جذاب از برند خود ارائه دهید.

{%- if section.settings.my_video_background_banner == blank -%} 

// your exisiting code

{%- endif -%}

//CSS Code .my_video_background_banner { position: absolute; width: 100%; height: 100%; }

• حالا روی صرفه جویی دکمه.

در این مقاله، روند افزودن ویدیو به بخش بنر فروشگاه Shopify را مورد بحث قرار خواهیم داد. با دنبال کردن این آموزش، می توانید ویدیو را به هر بخش از فروشگاه خود اضافه کنید.

پس از اتمام این آموزش، بخش Shopify Video to Banner را به صورت زیر مشاهده خواهید کرد:

Shopify Video را به بخش بنر اضافه کنید

//schema
{
    "type": "url",
    "id": "my_video_background_banner",
    "label": "My Video Background Banner"
},

• اکنون باید کد css را برای پاسخگو بودن ویدیو برای هر دستگاهی اضافه کنیم.
• رفتن به دارایی ها > base.css
• حالا کد را کپی پیست کنید

بیشتر بخوانید:

{%- if section.settings.my_video_background_banner != blank -%}
    <div class="my_video_background_banner">  
      <video autoplay muted loop id="myVideoBackground">
        <source src="https://shopidevs.com/add-shopify-video-to-banner-section/{{ section.settings.my_video_background_banner }}" type="video/mp4">
      </video>
    </div>
{%- endif -%}

منبع

این مقاله با نشان دادن نحوه افزودن یک ویدیو Shopify به بخش بنر، از جمله آپلود فایل ویدیویی، ایجاد یک بخش ویدیویی در کد موضوع و سفارشی کردن ظاهر آن در صفحه اصلی فروشگاه، به پایان می‌رسد.