# Modification Template

### **Summary of change**


Brief description of the change made.

Jira Link: [SDT-XXX](https://pharmaserve.atlassian.net/browse/SDT-XXX)

### **Impact of Change**

Does this affect the UI?

Does this affect the checkout process?

Will this be affected when updating PS Wire plugin

### **Details of change**

Purpose of the change... (Include link/url changed)

**Files Impacted:**

1. `wp-content/plugins/wp-pharmacywire-v3-mar/JsonApi/templates/js/json_checkout.js`
2. `XXXXXXxx`

**Code Changes (Code, Screenshot)**

1\.

Code Example

```
function updateForwardPrescriptionOptions() {
        const pwireComponents = window.pwire.pwire_components;
        const fwdRxOptions = pwireComponents.prescription.forward_prescription_options;
        const rxSubmissionMethod = $('.checkout_form').find('.rxSubmission_method');
        rxSubmissionMethod.html('');
        $.each(fwdRxOptions, (key, option) => {
            const method = option.value.toLowerCase();
            rxSubmissionMethod.append(`<input type="radio" id="rx_submission_${method}" name="rx_forwarding" value="${method}" required><label for="rx_submission_${method}" data-sort-order="${option.sort_order}">${option.label}</label>`);
        });
        //Custom code
        rxSubmissionMethod.append(`<input type="radio" id="rx_submission_need_rx" name="rx_forwarding" value="doctor" required><label for="rx_submission_need_rx" >Need Rx?</label>`);
    }
```

[Image example![Screenshot 2024-06-26 at 3.39.04 PM.png](https://docs.thefvg.com/uploads/images/gallery/2024-06/scaled-1680-/screenshot-2024-06-26-at-3-39-04-pm.png)](https://docs.thefvg.com/uploads/images/gallery/2024-06/screenshot-2024-06-26-at-3-39-04-pm.png)

### **Screenshots of before and after UI changes were made**

<div id="bkmrk-before">**Before**</div><div id="bkmrk-%5Bscreenshot%5D">[Screenshot]</div><div id="bkmrk-"></div><div id="bkmrk--1"></div><div id="bkmrk--2"></div><div id="bkmrk--3"></div><div id="bkmrk--4"></div><div id="bkmrk-after">**After**</div><div id="bkmrk-%5Bscreenshot%5D-1">[Screenshot]</div><div id="bkmrk--5"></div><div id="bkmrk--6"></div><div id="bkmrk--7"></div>### **Approvals**

<div id="bkmrk-ui-approval-pending-"><table border="1" style="border-collapse: collapse; width: 100.119%; height: 135.984px;"><colgroup><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col><col style="width: 33.3731%;"></col></colgroup><tbody><tr style="height: 29.7969px;"><td style="height: 29.7969px;">  
</td><td style="height: 29.7969px;">**Name Approver**</td><td style="height: 29.7969px;">**Status**</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">UI Approval</td><td style="height: 29.7969px;">  
</td><td style="height: 29.7969px;"><span style="color: rgb(45, 194, 107);">Pending</span>/Approved</td></tr><tr style="height: 46.5938px;"><td style="height: 46.5938px;">Product Manager(Major Dev for the project)</td><td style="height: 46.5938px;">  
</td><td style="height: 46.5938px;">  
</td></tr><tr style="height: 29.7969px;"><td style="height: 29.7969px;">  
</td><td style="height: 29.7969px;">  
</td><td style="height: 29.7969px;">  
</td></tr></tbody></table>

</div><div id="bkmrk--8"></div>