Ttdfjt

I was trying to remove the price which Magento adds to the options in a Select field but can't seem to get rid of the price. From what I could find on the internet it should be edited on the following location: appcodeMagentoCatalogBlockProductViewOptionsTypeSelect.php

At rule 62

$_value->getTitle() . ' ' . strip_tags($priceStr) . '',

And the following bit at rule 170 - 173

$_value->getTitle() .
'</span> ' .
$priceStr .
'</label>';

I changed these but the price still shows up in the select field as can be seen on the Image below.

Does anyone know where I can change this?

I created a JS solution which removes the price from the option. This function fires when the select changes which occurs when the price is added to the option field. It then checks each option for "+€" and "-€" this could be any currency however. It then removes everything from this sign so it returns the option without the price behind it.

$('select.product-custom-option').change(function()
 $('option').each(function()
 var selectedOption = $(this).text();
 if (selectedOption.indexOf('+€') > -1) 
 selectedOption = selectedOption.substring(0, selectedOption.indexOf('+€'));
 $(this).text(selectedOption);
 else if (selectedOption.indexOf('-€') > -1) 
 selectedOption = selectedOption.substring(0, selectedOption.indexOf('-€'));
 $(this).text(selectedOption);
 
 ); 
); 

The result:

This is an update for Magento 2.2 and 2.3 --- the proper way to remove this is to override a JavaScript file into the active theme, and remove a section of code

The culprit is

vendor/magento/module-configurable-product/view/frontend/web/js/configurable.js - line 415

// vendor/magento/module-configurable-product/view/frontend/web/js/configurable.js
// ... Line 415 on Magento 2.2.x, 2.3.x

if (optionPriceDiff !== 0) 
 options[i].label = options[i].label + ' ' + priceUtils.formatPrice(
 optionPriceDiff,
 this.options.priceFormat,
 true);

// ...

Commenting out the above code block will remove the price increase without the need to add an additional binding onto the page.

Full article here: https://www.cadence-labs.com/2019/07/magento-2-remove-price-from-select-dropdown-on/

You need to create your own module and can manage to work by following code:

Add the below code to your di.xml. Location of di.xml will:

app/code/Vendor/Module/etc/di.xml

<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
 <preference for="MagentoCatalogBlockProductViewOptionsTypeSelect" type="VendorModuleBlockProductViewOptionsTypeSelect" />
</config>

Create one file Select.php at below location:

app/code/Vendor/Module/Block/Product/View/Options/Type/Select.php

Content of Select.php:

<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
namespace VendorModuleBlockProductViewOptionsType;

/**
 * Product options text type block
 *
 * @api
 * @since 100.0.2
 */
class Select extends MagentoCatalogBlockProductViewOptionsTypeSelect

 /**
 * Return html for control element
 *
 * @return string
 * @SuppressWarnings(PHPMD.CyclomaticComplexity)
 * @SuppressWarnings(PHPMD.NPathComplexity)
 * @SuppressWarnings(PHPMD.ExcessiveMethodLength)
 */
 public function getValuesHtml()
 
 $_option->getType() == MagentoCatalogApiDataProductCustomOptionInterface::OPTION_TYPE_CHECKBOX
 ) 
 $selectHtml = '<div class="options-list nested" id="options-' . $_option->getId() . '-list">';
 $require = $_option->getIsRequire() ? ' required' : '';
 $arraySign = '';
 switch ($_option->getType()) 
 case MagentoCatalogApiDataProductCustomOptionInterface::OPTION_TYPE_RADIO:
 $type = 'radio';
 $class = 'radio admin__control-radio';
 if (!$_option->getIsRequire()) 
 $selectHtml .= '<div class="field choice admin__field admin__field-option">' .
 '<input type="radio" id="options_' .
 $_option->getId() .
 '" class="' .
 $class .
 ' product-custom-option" name="options[' .
 $_option->getId() .
 ']"' .
 ' data-selector="options[' . $_option->getId() . ']"' .
 ($this->getSkipJsReloadPrice() ? '' : ' onclick="opConfig.reloadPrice()"') .
 ' value="" checked="checked" /><label class="label admin__field-label" for="options_' .
 $_option->getId() .
 '"><span>' .
 __('None') . '</span></label></div>';
 
 break;
 case MagentoCatalogApiDataProductCustomOptionInterface::OPTION_TYPE_CHECKBOX:
 $type = 'checkbox';
 $class = 'checkbox admin__control-checkbox';
 $arraySign = '[]';
 break;
 
 $count = 1;
 foreach ($_option->getValues() as $_value) 
 $count++;

 $priceStr = $this->_formatPrice(
 [
 'is_percent' => $_value->getPriceType() == 'percent',
 'pricing_value' => $_value->getPrice($_value->getPriceType() == 'percent'),
 ]
 );

 $htmlValue = $_value->getOptionTypeId();
 if ($arraySign) 
 $checked = is_array($configValue) && in_array($htmlValue, $configValue) ? 'checked' : '';
 else 
 $checked = $configValue == $htmlValue ? 'checked' : '';
 

 $dataSelector = 'options[' . $_option->getId() . ']';
 if ($arraySign) 
 $dataSelector .= '[' . $htmlValue . ']';
 

 $selectHtml .= '<div class="field choice admin__field admin__field-option' .
 $require .
 '">' .
 '<input type="' .
 $type .
 '" class="' .
 $class .
 ' ' .
 $require .
 ' product-custom-option"' .
 ($this->getSkipJsReloadPrice() ? '' : ' onclick="opConfig.reloadPrice()"') .
 ' name="options[' .
 $_option->getId() .
 ']' .
 $arraySign .
 '" id="options_' .
 $_option->getId() .
 '_' .
 $count .
 '" value="' .
 $htmlValue .
 '" ' .
 $checked .
 ' data-selector="' . $dataSelector . '"' .
 ' price="' .
 $this->pricingHelper->currencyByStore($_value->getPrice(true), $store, false) .
 '" />' .
 '<label class="label admin__field-label" for="options_' .
 $_option->getId() .
 '_' .
 $count .
 '"><span>' .
 $_value->getTitle() .
 '</span> ' .
 //$priceStr .
 '</label>';
 $selectHtml .= '</div>';
 
 $selectHtml .= '</div>';

 return $selectHtml;
 
 

I found another way to hide the "+price" from dropdown

I've just edited

pub/static/frontend/(vendor)/(theme)/(Language)/Magento_Catalog/js/price-options.js

var globalOptions = 
 productId: null,
 priceHolderSelector: '.price-box', //data-role="priceBox"
 optionsSelector: '.product-custom-option',
 optionConfig: ,
 optionHandlers: ,
 optionTemplate: '<%= data.label %>' 

 /*edited +
 '<% if (data.finalPrice.value) %>' +
 ' +<%- data.finalPrice.formatted %>' +
 '<% %>'
 edited*/,

 controlContainer: 'dd'
;

Then "php bin/magento cache:clean && php bin/magento cache:flush"

Many thanks to the analysts who pointed out other answers.