0
<div class="proText">
            <?php if($_product->getData('prop_65')): ?>
                <a href="#" id="proTextModal"><?php echo __("California residents: Prop 65 WARNING") ?></a>
                 <div class="warning-msg-text" style="display: none;">
                 <h4 class="warning-title"><?php echo __("California Prop 65 Warning") ?></h4>
                  <p class="model-text-prop"><?php echo __("This product can expose you to chemicals including lead which is known to the State of California to cause cancer and birth defects or other reproductive harm.")?></p>
                   <span class="prop-more-info"><?php echo __("For more information,")?>
                   <a href="<?php echo $block->getUrl('https://www.p65warnings.ca.gov') ?>"target="_blank"  class="warning-msg-link"><?php echo __("click here.") ?></a></span>
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<script>
    require(
        [
            'jquery',
            'Magento_Ui/js/modal/modal'
        ],
        function(
            $,
            modal
        ) {
            var options = {
                type: 'popup',
                responsive: true,
                innerScroll: true,
                title: '',
                modalClass: 'proTextModal-wrapper',
                buttons: [{
                    text: $.mage.__('X'),
                    class: '',
                    click: function () {
                        this.closeModal();
                        $('#popup-modal').modal('closeModal');
                    }
                }]
            };

            var popup = modal(options, $('.warning-msg-text'));
            $("#proTextModal").on('click',function(){ 
                $(".warning-msg-text").modal("openModal");
                $(".modal-header").hide();
            });

        }
    );
</script>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.