No back-end, configurei o endereço para ter três linhas.
Eu gostaria de colocar um espaço reservado diferente em cada campo:
- Rua
- Edifício / Apartamento
- Área
Dessa forma, o usuário pode inserir dados de uma maneira mais estruturada.
Uma pergunta semelhante pode ser encontrada aqui:
Magento 2 - Como afetar o endereço em formulários de check-out com argumentos de layout xml / ui
No entanto, as respostas não fornecem uma solução para incluir espaços reservados nos campos de endereço.
O que eu quero alcançar é definir um espaço reservado diferente para cada campo de endereço .
Meu código:
app / code / Jsp / Placeholder / etc / module.xml:
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
<module name="Jsp_Placeholder" setup_version="2.0.0" />
</config>
app / code / Jsp / Placeholder / registration.php:
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::MODULE,
'Jsp_Placeholder',
__DIR__
);
app / code / Jsp / Placeholder / etc / di.xml:
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
<type name="Magento\Checkout\Block\Checkout\AttributeMerger">
<plugin name="shippingAddress" type="Jsp\Placeholder\Plugin\Checkout\Block\Checkout\AttributeMerger\Plugin"/>
</type>
</config>
app / code / Jsp / Placeholder / Plugin / Checkout / Block / Checkout / AttributeMerger / Plugin.php:
<?php
namespace Jsp\Placeholder\Plugin\Checkout\Block\Checkout\AttributeMerger;
class Plugin {
public function afterMerge(\Magento\Checkout\Block\Checkout\AttributeMerger $subject, $result)
{
if (array_key_exists('street', $result)) {
$result['street']['children'][0]['placeholder'] = __('Calle y número exterior');
$result['street']['children'][1]['placeholder'] = __('Interior / Edificio / Depto.');
$result['street']['children'][2]['placeholder'] = __('Colonia');
}
return $result;
}
}