Hello,
It's possible with some custom Css command and override view.
To learn how to proceed for add some custom Css, have a look on this
Documentation
, and for see how HikaShop override system works, you have this
documentation
(html & php knowledge required).
Now, in details you have to add some custom code to add a class on your html element when your coupon is empty :
$extra_class = "";
if(empty($cart->coupon)) {$extra_class = "extra_class_empty_coupon";}
<?php if(empty($this->ajax)) { ?>
<div id="hikashop_checkout_coupon_<?php echo $this->step; ?>_<?php echo $this->module_position; ?>" data-checkout-step="<?php echo $this->step; ?>" data-checkout-pos="<?php echo $this->module_position; ?>" class="hikashop_checkout_coupon <?php echo $extra_class; ?>">
<?php } ?>
<div class="hikashop_checkout_loading_elem"></div>
<div class="hikashop_checkout_loading_spinner...
Then, add in your frontend file css, this kind of command :
.
extra_class_empty_coupon {display:none;}
Hope this will help to achieved what you requested.
Regards