رفتن به مطلب

داینامیک کردن پلاگین جی کوئری flipclock


پست های پیشنهاد شده

سلام و درود

دوستان گرامی ، بخشی رو به وب سایت اضافه کردم که برای فروش ویژه از پلاگین جی کوئری فلیپ کلاک استفاده کردم. برای زمان دادن به این تایمر باید توی فایل اسکریپت وب سایتم کدها رو دستی تغییر بدم. روشی وجود داره که با وردپرس اینکار رو به صورت داینامیک انجام بدم؟

با تشکر و سپاس

لینک به ارسال

فایل اسکریپت و اون بخشی که باید تغییر کنه رو قرار بدین تا برسی بشه

خود پلاگین ساز و کاری برای مشخص کردن مقدار تایمر نداره؟

لینک به ارسال
در 22 ساعت قبل، Mobin گفته است :

فایل اسکریپت و اون بخشی که باید تغییر کنه رو قرار بدین تا برسی بشه

خود پلاگین ساز و کاری برای مشخص کردن مقدار تایمر نداره؟

سلام.

کدهای اسکریپتی که خودم نوشتم:

$(".flipTimer").flipTimer({
    direction: 'down',
    date: 'March 10, 2019 21:42:00 ',
    callback: function() {
      $("#offer-slider-content .timer-finished").slideDown('400');
    }
  });

کدهای html :

<div class="flipTimer">
  <div class="hours"></div>
  <div class="minutes"></div>
  <div class="seconds"></div>
</div>

وب سایت رسمی پلاگین جی کوئری فلیپ کلاک رو اینجا مشاهده کنید.

لینک به ارسال

کد شما به صورت ساده به این شکل میشه

کدهای داخل صفحه php

<div class="flipTimer">
  <div class="hours"></div>
  <div class="minutes"></div>
  <div class="seconds"></div>
</div>
<script>
var begin_date='March 10, 2019 21:42:00';
</script>
<script src='counter.js'></script>

با فرض اینکه کدهای اسکریپت شما درون فایل counter.js هست
 

$(".flipTimer").flipTimer({
    direction: 'down',
    date: begin_date,
    callback: function() {
      $("#offer-slider-content .timer-finished").slideDown('400');
    }
  });

البته از تابع wp_localize_script  وردپرس برای اضافه کردن یک مقدار درون صفحه میتونین استفاده کنید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...