توی این مطلب آموزش اضافه کردن امکان زوم تصاویر در محصولات ووکامرس رو تقدیم حضور دوستان می نماییم. معمولا کاربران به سمت فروشگاه هایی میرن که بهترین اطلاعات و با کیفیت ترین عکس ها رو برای محصول ارائه بدن. یکی از این راه های با ارزش که به خوبی جواب میده، امکان زوم کردن روی تصاویر است. اینکه مشتری شما بتواند قادر به دیدن رزولوشن بهتری از یک تصویر که متعلق به محصول دلخواه اوست، باشد این بسیار با ارزش است و راحت تر منجر به خرید محصول توسط مشتری میشه. در این جلسه تصمیم داریم با افزونه کار کنیم م که امکان بزرگنمایی رو به محصولات ووکامرس میده.
اضافه کردن امکان زوم تصاویر در محصولات ووکامرس
افزونه YITH WooCommerce Zoom Magnifier
افزونه ی مذکور را در پیشخوان وردپرس و در مسیر افزونه ها نصب و سپس آن را فعال می کنیم. در هنگام نصب متوجه خواهید شد که افزونه ی بسیار سبکی است و به راحتی نصب می شود. گزینه ی “Yith plugin” را در منوی سمت راست وردپرس مشاهده می کنید با نگه داشتن ماوس بر روی آن نام افزونه ظاهر می شود. برای تنظیم کردن آن بر روی نام افزونه کلیک کنید.
زمانی که بر روی گزینه ی “zoom magnifier” کلیک می کنیم وارد بخش تنظیمات افزونه می شویم که شامل دو تب اصلی و پرمیوم است. ما با تب اصلی کار داریم.
General Settings
Activate YITH WooCommerce Zoom Magnifier: با فعال کردن این گزینه به افزونه اجازه ی فعالیت می دهید.
Activate on mobile device: در صورتی که می خواهید این امکان یعنی بزرگنمایی در گوشی تلفن های همراه نیز فعال شود می توانید این گزینه را تیک بزنید.
Forced Image Size: تصاویر را در اندازه های واقعی خود به حالت بزرگنمایی ببرد.
Magnifier Settings
Zoom Box Width: مقدار بزرگنمایی را در طول تصویر مشخص می کند. بهتر است بر روی همین حالت auto قرار گیرد.
Zoom Box Height: مقدار بزرگنمایی را در عرض تصویر مشخص می کند. بهتر است بر روی همین حالت auto قرار گیرد.
Image size: اندازه ی کلی تصویر به صورت بزرگنمایی شده را می توانید تعیین کنید. تا چه اندازه بزرگ شود.
Zoom Box Position: موقعیت قرارگیری باکسی که تصویر زوم شده در آن قرار می گیرد را می توان تعیین کرد.
Zoom Box Position for mobile devices: موقعیت قرارگیری باکسی که تصویر زوم شده در آن قرار میگیرد در دستگاه های موبایل مشخص می کند.
Loading label: برچسب بارگذاری زمانی که سرعت سایت یا اینترنت کد می شود، با این نوشته رو به رو خواهید شد.
Lens Opacity: می توانید مقدار کیفیت تصویر در هنگام زوم شدن را که بین دو عدد ۰ تا ۱ است مشخص کنید. اما کیفیت تصویر بیشتر بستگی به خود تصویری دارد که شما انتخاب می کنید.
Blur: در صورتی که می خواهید خاصیت بلور به تصویر بدهید می توانید این گزینه را
Slider Settings
این بخش هم مربوط به تنظیماتی است که برای اسلایدر در نظر می گیرد. در صورت تمایل می توانید آن را مشخص کنید.
حال تنظیمات را ذخیره کنید. حال می توان به بخش تصاویر رفت و تصاویر را ملاحظه کرد…
همانطور که مشاهده حالت زوم شده ی تصویر در سمت راست مشخص شده است.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.
- جم فايل : 1 مگابایت
- منبع : سورس باران
- رمز فايل : www.sourcebaran.com
- انتشار: ۲ دی ۱۳۹۵
دسته بندی موضوعات
- آموزش برنامه نویسی
- آموزش کریپتو کارنسی (ارز دیجیتال)
- آموزش متنی برنامه نویسی
- پروژه برنامه نویسی
- فروشگاه
- فیلم های آموزشی
- #F
- ++C
- 3ds max
- Ada
- ADO.NET
- Adobe Flash
- Agile
- Ajax
- AngularJS
- Anime Studio
- apache
- ARM
- Asp.Net
- ASP.NET MVC
- assembly
- AVR
- Azure
- Bootstrap
- Cassandra
- CCNA
- CCNP
- CCSP
- ChatGPT
- Cisco
- CMD
- COBOL
- CSS
- Cython
- Django
- Dreameaver
- Elixir
- EntityFramework
- Erlang
- Flash
- Go
- Groovy
- Haskell
- Htaccess
- HTML
- IOS
- Jade
- jquery
- Kendo UI
- Linq
- Linux
- LUA
- MariaDB
- maya
- Meteor
- MongoDB
- Mono Android
- MonoGame
- Mysql
- NoSQL
- Oracle
- Orchard
- Perl
- php
- PHPMyAdmin
- R
- Rational Rose
- Ruby
- Rust
- Scala
- Scrum Master
- SFML
- SharePoint
- SignalR
- silver light
- SQL Server
- Stimulsoft Reports
- Telerik
- UML
- VB.NET&VB6
- Vue 3
- WPF
- Xml
- آردوینو
- آموزش های پروژه محور
- آیونیک
- اتوکد
- الگوریتم تقریبی
- الگوریتم نویسی و فلوچارت
- امنیت
- اندروید
- اندروید استودیو
- انیمیشن سازی
- بازی سازی با Scratch
- بک ترک
- بیسیک فور اندروید
- پایتون
- پرولوگ
- پریمیر
- جاوا
- جاوا اسکریپت
- جنگو
- جوملا
- دارت
- دلفی
- دوره های رایگان پیشنهادی
- زامارین
- سئو
- ساخت CMS
- ساخت اتوران
- ساختمان داده ها
- سی شارپ
- شبکه و مجازی سازی
- طراحی الگوریتم
- طراحی بازی
- طراحی وب
- فتوشاپ
- فریم ورک codeigniter
- فلاتر
- کاتلین
- کامپایلرها
- کانستراکت
- کریستال ریپورت
- کلوژر
- گوگل آنالیتیکس
- گیت
- لاراول
- مای بی بی
- مایکروسافت پروجکت
- متریال دیزاین
- متلب
- معماری کامپیوتر
- مهندسی اینترنت
- میکروتیک
- نود جی اس
- نیوک
- هوش مصنوعی
- ویبولوتین
- ویژوال استودیو
- یونیتی
- کتاب های آموزشی
- Ada
- Ajax
- Android
- ASP.NET
- ASP.NET Core
- AVR
- clips
- CNC
- COBOL
- CQRS
- Cython
- Dreamweaver
- Elixir
- Entity Framework 4.0
- Erlang
- Go
- Groovy
- Haskell
- LINQ
- Lua
- Matlab
- MFC
- Node.js
- PERL
- php
- PLC
- Prolog
- React
- Rust
- Scala
- SFML
- SharePoint
- silver light
- VHDL
- VMware
- WinJS
- Workflow
- WPF
- XHTML
- Yii Framework
- اتوکد
- اچ تی ام ال
- اسمبلی
- اکتیو ایکس
- الگوریتم و فلوچارت
- انگولار
- اوبونتو
- اوراکل
- بازی سازی
- بانک اطلاعاتی
- برنامه نویسی سوکت
- برنامه نویسی موبایل
- بک ترک
- پاسکال
- پایان نامه
- پایتون
- پرولوگ
- جاوا
- جاوا اسکریپت
- جی کوئری
- حوملا
- داده کاوی
- دلفی
- رباتیک
- روبی
- زبان ماشین
- سئو
- ساختمان داده ها
- سایر کتاب ها
- سخت افزار
- سوئیفت
- سی اس اس
- سی پلاس پلاس
- سی شارپ
- سیستم عامل
- سیستم های خبره
- شبکه و مجازی سازی
- شبیه سازی کامپیوتر
- طراحی الگوریتم
- فتوشاپ
- فریم ورک گتنا
- کاتلین
- کالی لینوکس
- کریستال ریپورت
- گزارش کارآموزی
- گوگل
- لیسپ
- متلب
- مقاله
- مهندسی نرم افزار
- نیوک
- هوش مصنوعی
- وب مستر
- ویژوال بیسیک
- نرم افزار و ابزار برنامه نویسی
- وردپرس