آموزش ایجاد اسلايد شو در قالب پیش فرض open cart

[amin khan]

این اموزش برای ورژن 1.4.9.1 میباشد.
ابتدا یک فولدر با اسم slide در مسیر زیر ایجاد کنید :

[LEFT][URL="http://www.iranjoman.com/www.iranjoman.com"]opencart_v1.4.9.1/image/data[/URL]
[/LEFT]

و عکسهایی که برای نمایش اسلاید شو هست رو اینجا قرار بدید .
توصیه میشه که عرض عکس بیشتر از 350 px نباشه . در غیر این صورت به مشکل برخورد خواهید کرد.

[LEFT]opencart_v1.4.9.1/catalog/view/theme/default/template/common
[/LEFT]

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

از خط شماره 3 يك اينتر بزنید و سورس زیر رو بهش اضافه کنید :

[LEFT]<div class="top">

    <div class="left"></div>

    <div class="right"></div>

    <div class="center">

      <h1>اسلايد شو</h1>

    </div>

  </div>

  <div class="middle">

    <div>
        <!-- Image slider start -->
        <p style="display:none">
        <script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript"  src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
        <script  type="text/javascript">$(document).ready(function()  {$('.slideshow').cycle({fx: 'fade'});});</script></p>
        <div class="slideshow" style="width:748px;height:312px;">
        <a href="#"><img height="طول" src="image/data/slide/ax1.jpg" width="عرض" /></a>
        <a href="#"><img height="" src="image/data/slide/ax2.jpg" width="" /></a>
        <a href="#"><img height="" src="image/data/slide/ax3.jpg" width="" /></a>
        <a href="#"><img height="" src="image/data/slide/ax4.jpg" width="" /></a>
        <a href="#"><img height="" src="image/data/slide/ax5.jpg" width="" /></a></div>
        <!-- / Image slider end --> 
    </div>

  </div>

  <div class="bottom">

    <div class="left"></div>

    <div class="right"></div>

    <div class="center"></div>

  </div>
[/LEFT]

​

خط شماره 18 كه در عکس میبینید برای لود کردن عکس هست که شما باید
طول و عرض رو مشخص کنید و با توجه به اسم عکسهاتون اسم رو تغییر بدید . همچنین میتونید لینک هم تعریف کنید .
برای بیشتر کردن عکسها هم تگ img رو ميتونيى كپی کنید .

فایل home.tpl رو ذخیره کنید و سايت رو refresh بدید .
​

 

[alca1983]

با درود
برای نسخه های بالاتر چجوری میشه فایل مربوط رو در فایل های دیتا پیدا کرد ؟