سلام مجدد
بیش از 4 ساعت هست که اینو گذاشتم ولی هیچکی جواب نداد
تو این 4 ساعت بیکار نبودم
و خودم با جی کوئری که فوق العاده هست درست کردم.
اینجا میزارم تا بقیه هم استفاده کنند.
ساخت پنجره های Popup با جی کوئری | مدرسه وب ایران | آموزش طراحی وب سایت

یه مقدار تغییرات لازمه:
js ها رو تو پوشه خودش در قالب بریزین
css رو با یه نام stylepopup.css تغییر نام بدین در پوشه اصلی قالب بریزین
بقیه عکسها بدرد نمی خوره فقط عکس modal-gloss.png بازم بریزین توی همان شاخه اصلی
توی header قبل از تگ </head> کدهای زیر رو بزارین :
<script src="templates/{$template}/js/jquery.min.js" type="text/javascript"></script>
<script src="templates/{$template}/js/jquery.reveal.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="templates/{$template}/stylepopup.css" />

بعد از <body> هم متنها تون رو جایگزین کنین و با کدهای زیر بزارین :
<!--popup -->
<div id="myModal" class="reveal-modal">
<h4>تست پنجره جدید</h1>
<p>تست متن</p>
<a class="close-reveal-modal">&#215;</a>
</div>

آخرین مرحله کد زیر رو در قسمت تعریف محصول --- توضیحال محصول بزارید و تمام
<a href="#" data-reveal-id="myModal">توضیح بیشتر</a>

خیلی خیلی قشنگ شد.

گلایه از دوستان و مهندسین عزیز : کسانی مثه من که میان اینجا و نیاز به راهنمایی و کمک دارن، دستشون رو بگیرید. ( ذکات علم ، نشر آن است )