رفتن به مطلب

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


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

در ۱ ساعت قبل، javaheri123 گفته است :

سلام وقت بخیر

بنده میخواستم لایه مربوط به نمایش دکمه افزودن به سبد خرید را بالاتر بیارم ، از کودوم تابع میشه این تغییرات رو انجام داد  ممنون میشم راهنمایی بفرمایید

سلام وقت بخیر

از طریق جاواسکریپت و تابع insertAdjacentElement می‌تونید انجامش بدید.

مثال :

let addToCartButton = document.getElementById( 'ID' ); // تنظیم دکمه افزودن به سبد خرید روی متغیر addToCartButton
let section = document.getElementById( 'ID' ); // تنظیم بخشی که میخواید دکمه افزودن به سبد خرید رو اونجا قرار بدید
let position = 'beforebegin'; // یا afterend

// تغییر مکان دکمه سبد خرید از مکان فعلی به قبل section
section.insertAdjacentHTML( position, addToCartButton );

دقت کنید در خط اول و دوم به جای کلمه ID باید ID دکمه افزودن به سبد خرید و بخشی که میخواید دکمه سبد خرید به اون اضافه بشه رو وارد کنید.

در خط سوم هم باید موقعیت قرارگیری دکمه رو تنظیم کنید.

beforebegin : قبل از section

afterbegin : درون section (ابتدا)

beforeend : درون section (انتها)

afterend : بعد از section

لینک به ارسال

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

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

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

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

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

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

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

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

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