تعديل كود لإضافة خيارات دفع متعددة مثل الدفع عند الاستلام

الشيفرة التي تحاول وصفها او تحويلها تفتقر الى المزيد من التفاصيل الأخرى، فهي لا تعبر إلا عن حقل نصي، ولكن أظنك تستخدم مكتبة simpleCart لمثل هذا الغرض. 

لتحقيق ذلك، يجب أن تقوم بتغيير كود الزر وربطه بصفحة الدفع التي تريد. يمكنك استخدام خيارات الدفع التي تريدها بالتوافق مع مكتبة SimpleCartJS، وهي المكتبة المستخدمة في الكود الحالي. 

فيما يلي مثال على كيفية تعديل الزر ليتضمن خيارات دفع مختلفة:

<a href="javascript:;" class="simpleCart_checkout" 
  data-paypal-checkout-button="true" 
  data-payment-methods="['paypal', 'creditcard', 'bitcoin']" 
  data-billing-address="true" 
  data-shipping-address="true" 
  data-shipping-methods="['pickup', 'first-class', 'priority']">
  <input class="submit_billing_templateism" id="ContactForm1_contact-form-submit" type="button" value="Proceed To Payment">
</a>

في هذا المثال، تم إضافة عدة خيارات دفع، بما في ذلك PayPal والدفع بالبطاقة الائتمانية وBitcoin. يتم استخدام الخيار data-payment-methods لتحديد قائمة الخيارات المتاحة، و data-billing-address و data-shipping-address لجعل الزبون يدخل عنوان الفاتورة وعنوان الشحن عند الحاجة. يتم استخدام الخيار data-shipping-methods لتحديد قائمة الخيارات المتاحة للشحن.

بالطبع فإنك لك كامل الحرية في تخصيص الشيفرة وفق ما يليق بك. 

قد يمكنك الاستزادة بالاطلاع على توثيق المكتبة.

إذا كان الكود تابع لمكتبة simpleCart فقد قام عدنان بشرح الأمر لك، وإذا كان غير ذلك.

فيمكن تعديل الكود لكن لن يعمل على الموقع الخاص بك طالما لم يتم برمجته بشكل خاص للموقع، أي تم ربطه بالواجهة وكود HTML وأيضًا ربطه بالواجهة الخلفية لتنفيذ عملية الشراء، لذلك إن كنت غير متخصص في البرمجة الأفضل تعيين مبرمج لذلك من خلال مستقل أو خمسات، أو الإنتقال لوورد بريس وهناك إضافات تمكنك من فعل ذلك، أو بناء متجرك على منصة مجانية منصة ايزي اوردرز.

مثال للكود بعد تعديله:

<a class="simpleCart_checkout" href="javascript:;" onclick="showPaymentOptions();"><input class="submit_billing_templateism" id="ContactForm1_contact-form-submit" type="button" value="الانتقال للدفع"></a>

<div id="paymentOptions" style="display: none;">
    <h4>خيارات الدفع:</h4>
    <label for="payment_cod"><input type="radio" name="payment_method" id="payment_cod" value="cod"> الدفع عند الاستلام</label><br>
    <label for="payment_credit"><input type="radio" name="payment_method" id="payment_credit" value="credit_card"> بطاقة الائتمان</label><br>
    <!-- إضافة المزيد من خيارات الدفع هنا إن لزم الأمر -->
    <br>
    <input type="button" value="تأكيد الدفع" onclick="submitPayment();">
</div>

<script>
    function showPaymentOptions() {
        document.getElementById("paymentOptions").style.display = "block";
    }

    function submitPayment() {
        const selectedPayment = document.querySelector('input[name="payment_method"]:checked').value;
        // قم بتنفيذ الإجراءات اللازمة استنادًا إلى طريقة الدفع المحددة
        if (selectedPayment === "cod") {
            // قم بتنفيذ الكود الخاص بالدفع عند الاستلام
            alert("سيتم الدفع عند الاستلام.");
        } else if (selectedPayment === "credit_card") {
            // قم بتنفيذ الكود الخاص بدفع بطاقة الائتمان
            alert("جارٍ توجيهك لصفحة دفع بطاقة الائتمان...");
        } else {
            // قم بالتعامل مع طرق الدفع الأخرى
            alert("طريقة الدفع غير مدعومة.");
        }
    }
</script>