Firecheckout M2 - customization examples

__content.md

Firecheckout M2 - customization examples

Content

1. Show warning when shipping to California

custom-warning-ship-california.js

// create CMS block with content below and output it on FireCheckout:
/*
<div id="california_warning" style="padding: 5px; display: block;">
<div style="float: left; padding: 0 5px 0 0;"><img alt="Warning" src="{{media url="wysiwyg/prop-65-triangle.jpg"}}" width="64" /></div>
<div><strong>WARNING:</strong> This product can expose you to lead, a chemical which is to the State of California to cause cancer and/or birth defects or other reproductive harm. For more information, visit www.P65Warnings.ca.gov.</div>
</div>
 */

define([
    'jquery',
    'Swissup_Firecheckout/js/utils/form-field/watcher'
], function ($, watcher) {
    'use strict';

    watcher({
        scope: '.checkout-shipping-address',
        watch: {
            '[name="region_id"]': '12',   // State is California
            '[name="country_id"]': ['US'] // Country is US
        },

        match: function () {
            $('#california_warning').show('fast');
        },

        unmatch: function () {
            $('#california_warning').hide('fast');
        }
    });
});