آیا می خواهید 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 به بخش بنر
کار ما تمام شد حالا باید یک ویدیو آپلود کنیم و لینک را در قسمت پسزمینه ویدیو قرار دهیم. برای آپلود ویدیو مراحل زیر را دنبال کنید:
- وارد Shopify شوید
- تنظیمات > فایل > آپلود فایل ها
- حالا فقط کپی 🀄 ارتباط. باید لینک را در قسمت Image banner قرار دهیم.
- رفتن به فروشگاه آنلاین > تم ها > سفارشی کردن > بنر تصویری
- پیوند را در قسمت بنر پسزمینه ویدیو جایگذاری کنید.
برای اعمال ویدیو به عنوان بنر، باید چند کد اضافه کنیم. برای افزودن ویدیو به فروشگاه های Shopify می توانیم مراحل زیر را دنبال کنیم.
- ورود به پنل مدیریت Shopify
- رفتن به فروشگاه آنلاین > تم ها > سفارشی کردن > … دکمه نقطه > ویرایش کد
- اکنون فایل ویرایشگر تم ظاهر می شود.
- رفتن به بخش ها > و ویرایش کنید image-banner.liquid
- حالا کد زیر را روی آن قرار دهید image-banner.liquid
اندازه بنر تصویر Shopify توصیه شده چیست؟
این مقاله با نشان دادن نحوه افزودن یک ویدیو Shopify به بخش بنر، از جمله آپلود فایل ویدیویی، ایجاد یک بخش ویدیویی در کد موضوع و سفارشی کردن ظاهر آن در صفحه اصلی فروشگاه، به پایان میرسد.