To remove “from price”
and show price on variant option selected.
You can use this code to Store Page Header Injection
<!-- Price on variant select - tuanphan - 21-09-2025 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script><script>$(document).ready(function(){function hideProductPrice(){$('.product-price-value').hide()}
function showProductPrice(){$('.product-price-value').show()}
function checkVariantSelection(){var selectedCount=0;$('select[name*="variant-option"]').each(function(){var selectedValue=$(this).val();if(selectedValue&&selectedValue!==''){selectedCount++}});if(selectedCount>=2){showProductPrice()}else{hideProductPrice()}}
hideProductPrice();$('select[name*="variant-option"]').on('change',function(){var $select=$(this);var $wrapper=$select.closest('.variant-select-wrapper');if($select.val()&&$select.val()!==''){$select.removeClass('show-placeholder');$wrapper.attr('data-selected-value',$select.val())}else{$select.addClass('show-placeholder');var optionName=$select.attr('name').replace('variant-option-','').replace('-select','');$wrapper.attr('data-selected-value','Select '+optionName)}
checkVariantSelection()});var urlParams=new URLSearchParams(window.location.search);var hasPreselectedVariants=!1;urlParams.forEach(function(value,key){if(key.startsWith('variant-')){var optionName=key.replace('variant-','');var capitalizedOptionName=optionName.charAt(0).toUpperCase()+optionName.slice(1);var $select=$('select[name="variant-option-'+capitalizedOptionName+'-select"]');if($select.length>0){$select.val(value);$select.removeClass('show-placeholder');$select.closest('.variant-select-wrapper').attr('data-selected-value',value);hasPreselectedVariants=!0}}});if(hasPreselectedVariants){checkVariantSelection()}});</script>
You need to login to see the full content. Or send me an email to [email protected], I will send you code.