I am struggling to find a way to change the values of a quote form on a modal popup when the customer clicks on the request a quote button. Here is the form.
I went into options.phtml and the code is as follows.
<?php
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
// @codingStandardsIgnoreFile
/* @var $block \Magento\Catalog\Block\Product\View\Options */
?>
<?php $_options = $block->decorateArray($block->getOptions()) ?>
<?php $_product = $block->getProduct(); ?>
<?php $_productId = $block->getProduct()->getId() ?>
<?php if (count($_options)):?>
<script type="text/x-magento-init">
{
"#product_addtocart_form": {
"priceOptions": {
"optionConfig": <?= /* @escapeNotVerified */ $block->getJsonConfig() ?>,
"controlContainer": ".field",
"priceHolderSelector": "[data-product-id='<?= $block->escapeHtml($_productId) ?>'][data-role=priceBox]"
}
}
}
</script>
<?php
$objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$attributeSet = $objectManager->create('Magento\Eav\Api\AttributeSetRepositoryInterface');
$attributeSetRepository = $attributeSet->get($block->getProduct()->getAttributeSetId());
$attribute_set_name = $attributeSetRepository->getAttributeSetName();
?>
<?php if(($attribute_set_name === "GC Form"or $attribute_set_name === "MS Form" or $attribute_set_name === "HPLC Form") and $attribute_set_name !== "default"): ?>
<div id="product_modal" class="modal">
<!-- Modal content -->
<div class="product_modal-content">
<span class="close">×</span>
<h3>Quote Request for: <br/><?= $_product->getName(); ?></h3>
<p style="color:#c14e4e">Please complete the form below to request more information and pricing.</p>
<div class="product-add-form">
<input type="hidden" name="product" value="<?= /* @escapeNotVerified */ $_product->getId() ?>" />
<input type="hidden" name="selected_configurable_option" value="" />
<input type="hidden" name="item" value="<?= /* @noEscape */ $block->getRequest()->getParam('id') ?>" />
<?= $block->getBlockHtml('formkey') ?>
<?= $block->getChildHtml('form_top') ?>
<div class="option-in-box" id="option-in-box">
<div class="RequestQuote-left">
<?php foreach ($_options as $key =>$_option): ?>
<?php if(($_option['title'] === "Preferred Manufacturer") or
$_option['title'] === "How Many Samples per Month"):?>
<?= $block->createTextFiled($_option) ?>
<?php elseif($_option['title'] === "Budgets"):?>
<?= $block->createSelect($_option); ?>
<?php elseif ($_option['title'] === "Trade-In(s)"):?>
<?= $block->createSubDetailSelect($_option,$_options, array("Describe Your Trade-In information"=>"Yes")); ?>
<?php endif; ?>
<?php endforeach; ?>
</div>
<div class="RequestQuote-right">
<?php foreach ($_options as $key =>$_option): ?>
<?php if($_option->getTitle() == 'Voltage'): ?>
<?= $block->createDropdown($_option); ?>
<?php elseif($_option['title'] === "Choose Your Application"):?>
<?= $block->createSubDetailDropdown($_option, $_options, array("Describe your Application"=>"Other")); ?>
<?php elseif($_option['title'] === "Delivery Expected"):?>
<?= $block->createSelect($_option); ?>
<?php endif; ?>
<?php endforeach; ?>
</div>
<?php if($attribute_set_name === "GC Form" or $attribute_set_name === "HPLC Form" or $attribute_set_name === "MS Form"): ?>
<div class="modal-more-options" id="modal-more-options" style="display: none;">
<?php if($attribute_set_name === "GC Form"): ?>
<div class="RequestQuote-left">
<?php foreach ($_options as $key => $_option):?>
<?php if($_option->getTitle() == "Sampling" or $_option->getTitle() == "Injectors"): ?>
<?= $block->createSelect($_option); ?>
<?php elseif ($_option->getTitle() == "Options"):?>
<?= $block->createSubDetailSelect($_option, $_options, array("Please Indicate"=>"Other")); ?>
<?php endif;?>
<?php endforeach;?>
</div>
<div class="RequestQuote-right">
<?php foreach ($_options as $key => $_option):?>
<?php if($_option->getTitle() == "Detectors"): ?>
<?= $block->createSubDetailSelect($_option, $_options, array("MSD Options"=>"MSD - Mass Spec Detector","Pump Options"=>"MSD - Mass Spec Detector","Mass Range"=>"MSD - Mass Spec Detector")); ?>
<?php elseif ($_option->getTitle() == "Communications"):?>
<?= $block->createSelect($_option); ?>
<?php elseif ($_option->getTitle() == "Accessories"):?>
<?= $block->createSelect($_option); ?>
<?php elseif ($_option->getTitle() == "Data System Required?"):?>
<?= $block->createSubDetailSelect($_option, $_options, array("What Version of Software?"=>"No","What Data System"=>"Yes","Operating System"=>"Yes")); ?>
<?php endif; ?>
<?php endforeach;?>
</div>
<?php elseif ($attribute_set_name === "MS Form"):?>
<div class="RequestQuote-left">
<?php foreach ($_options as $key => $_option):?>
<?php if($_option->getTitle() == "Instrument" or $_option->getTitle() == "Accessories"): ?>
<?= $block->createSelect($_option); ?>
<?php endif; ?>
<?php endforeach;?>
</div>
<div class="RequestQuote-right">
<?php foreach ($_options as $_option):?>
<?php if($_option->getTitle() === "Sample Introduction" ):?>
<?= $block->createSubDetailSelect($_option, $_options, array("Other Source"=>"Other Source","Specify Model"=>"Existing LC")); ?>
<?php elseif ($_option->getTitle() == "Qualification and Quantification"):?>
<?= $block->createSelect($_option); ?>
<?php elseif ($_option->getTitle() === "Mass Range" ): ?>
<?= $block->createTextFiled($_option) ?>
<?php endif; ?>
<?php endforeach;?>
</div>
<?php elseif ($attribute_set_name === "HPLC Form"):?>
<div class="RequestQuote-left">
<?php foreach ($_options as $_option):?>
<?php if($_option->getTitle() === "Stand-Alone System or Front-End" ):?>
<?= $block->createSubDetailSelect($_option, $_options, array("Please Indicate Existing MS Model"=>"Front-End")); ?>
<?php elseif ($_option->getTitle() === "Pumps" ): ?>
<?= $block->createSelect($_option); ?>
<?php elseif ($_option->getTitle() === "Autosampler Needed" ): ?>
<?= $block->createSubDetailSelect($_option, $_options, array("Options"=>"Yes")); ?>
<?php elseif ($_option->getTitle() === "Data System" ): ?>
<?= $block->createSubDetailSelect($_option, $_options, array("What Version of Software?"=>"No","What Data System"=>"Yes","Operating System"=>"Yes")); ?>
<?php endif;?>
<?php endforeach;?>
</div>
<div class="RequestQuote-right">
<?php foreach ($_options as $_option):?>
<?php if ($_option->getTitle() == "Accessories"):?>
<?= $block->createSelect($_option); ?>
<?php elseif($_option->getTitle() === "Detectors" ):?>
<?= $block->createSubDetailSelect($_option, $_options, array("Qualification and Quantification"=>"MS - Mass Spec","Instrument"=>"MS - Mass Spec","Do you need Exact Mass Capabilities"=>"MS - Mass Spec","Mass Range"=>"MS - Mass Spec")); ?>
<?php endif;?>
<?php endforeach;?>
</div>
<?php endif;?>
</div>
<?php endif;?>
</div>
<div class="request-quote-button-centered">
<?php if($attribute_set_name === "GC Form" or $attribute_set_name === "HPLC Form" or $attribute_set_name === "MS Form"): ?>
<button type="button" title="Add to Quote" class="action toquote show-mote-options-btn" id="show-more-options-btn">
<span>Show More</span>
</button>
<?php endif;?>
<button type="submit" title="Add to Quote" class="action toquote product-addtoquote-btn" id="product-addtoquote-button">
<span>Add to Quote</span>
</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
require(['jquery','mage/mage'],function($){
$('#show-more-options-btn').on('click', function(){
console.log('test');
if($('#modal-more-options').css('display') === 'none'){
$('#modal-more-options').css('display','block');
$('#show-more-options-btn').text('Show Less');
}
else {
$('#modal-more-options').css('display','none');
$('#show-more-options-btn').text('Show More');
}
});
});
function showOther(id, element,changeValue) {
if(element.value === changeValue){
document.getElementById(id).style.display = 'block';
}
else {
document.getElementById(id).style.display = 'none';
}
}
function radioCheck(ele){
var parentEle = document.getElementsByName(ele);
for(var i =0; i< parentEle.length; i++){
var childDivs = parentEle[i].parentElement.getElementsByClassName('sub-item-left');
if(parentEle[i].checked ){
if(childDivs){
for(var k = 0; k< childDivs.length; k++){
childDivs[k].style.display = 'block';
}
}
}
else {
if(childDivs){
for(var k = 0; k< childDivs.length; k++){
childDivs[k].style.display = 'none';
}
}
}
}
}
var quote_modal = document.getElementById("product_modal");
var quote_btn = document.getElementById("quote_btn");
var quote_span = document.getElementsByClassName("close")[0];
quote_btn.onclick = function() {
quote_modal.style.display = "block";
}
quote_span.onclick = function() {
quote_modal.style.display = "none";
}
window.onclick = function(event) {
if (event.target === quote_modal) {
quote_modal.style.display = "none";
}
}
</script>
<?php else:?>
<?php foreach ($_options as $_option): ?>
<?= $block->getOptionHtml($_option) ?>
<?php endforeach; ?>
<?php endif;?>
<?php endif;?>I was told that the values are modified in another file Productoptions.php which after modifying no changes take place to the modal popup.I am trying to change the budget currently.