بسیاری از کاربران در بسیاری از فروشگاه نیازمند این بوده تا تصاویر محصولات را با وضوح بالا و نمای نزدیک به مشتریان خود نمایش دهند. در این مواقع بسیاری از کاربران به ناچار از تصاویر بسیار زیاد و با اندازه های بزرگ استفاده کرده که هم جلوه ی سایت را از بین برده و هم در سرعت لود شدن سایت تاثیر بسیاری خواهند داشت. حال گروه پرتوان اپن کارت قصد دارد تا با ارائه ی یک ماژول زوم فوق العاده زیبا مشکل این کاربران را حل نموده و زیبای خاصی نیز به سایت و قالب آن ها بخشد. Product Image Zoom که اکنون در اختیار شما عزیزان قرار گرفته است قادر به نمایش زوم در 4 حالت مختف بوده که می تواند برای بسیاری از کاربران افزونه ای بسیار کارا و مفید واقع شود.

روش نصب:
قبل از هر کاری از نصب بودن VQMod اپن کارت خود اطمینان حاصل نمایید، برای دریافت و آموزش نصب VQMod می توانید به لینک زیر مراجعه نمایید.

آشنایی با VQmod در اپن کارت به همراه روش نصب

پس از دانلود فایل و خارج کردن آن از حالت فشرده فایل های موجود در پوشه ی Product Image Zoom را بر روی هاست خود و  در روت اصلی فروشگاه آپلود نمایید. حال به مسیر زیر رفته

catalog/view/theme/Your Theme/template/common/header.tpl

و دستور زیر را یافته

<script type="text/javascript" src="/catalog/view/javascript/common.js"></script>

و دستور زیر را در پایین آن وارد نمایید.

<script type="text/JavaScript" src="/catalog/view/javascript/cloud-zoom.1.0.2.min.js"></script>

حال دستور زیر را یافته

<?php foreach ($styles as $style) { ?>

و دستور زیر را در پایین آن وارد نمایید.

<link rel="stylesheet" type="text/css" href="/catalog/view/theme/default/stylesheet/cloud-zoom.css" />

حال تغییرات را ذخیره نمایید.

در صورتی که خواهان تغییر شکل زوم می باشید به مسیر زیر رفته

vqmod/xml/Product_Image_Zoom.xml

و کد زیر را بیابید.

rel="showTitle: false, adjustX: 10, adjustY:-4"

و با یکی از کد های زیر تعویض نمایید.

نمایش زوم در حالت Tints :

rel="tint: '#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:540, showTitle: false, adjustY:-4, adjustX:10"

نمایش زوم در حالت Soft Focus :

rel="softFocus: true, showTitle: false, zoomWidth:540, adjustY:-4, adjustX:10, smoothMove:2"

نمایش زوم در حالت Inner :

rel="position: 'inside' ,showTitle: false, adjustX:-4, adjustY:-4"

در صورتی که از قالبی غیز از قالب پیش فرض استفاده می کنید به مسیر زیر رفته

vqmod/xml/Product_Image_Zoom.xml

و نام پوشه ی قالب خود را به جای default وارد نمایید.

 سازگاری : با نسخه های 1.5.1 اپن کارت فارسی
 قیمت: رایگان
 دانلود با لینک مستقیم - 13 کیلو بایت
 پسورد فایل زیپ : www.opencart.ir
 بحث پیرامون این مطلب در انجمن
 مشاهده نسخه ی نمایشی (دمو)
 سایت سازنده
 لینک منبع