fix : 样式美化

app/code/Joshine/CouponPusher/view/frontend/templates/coupon-subscribe-alert.phtml

@@ -68,6 +68,22 @@
         transform: rotateY(0deg);
     }
 
+    .coupon-shopping-now-button {
+        position: relative;
+        padding: 1em;
+        height: 36px;
+        background: #fb7701;
+        border-radius: 4px;
+        color: #fff;
+        font-size: 16px;
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 16px;
+        font-weight: 500;
+    }
+
 </style>
 <div class="joshine-model-warp" id="coupon-subscribe-alert" style="display: none;">
     <div class="joshine-mask"></div>
@@ -105,6 +121,9 @@
                             </div>
                             <div class="coupon-alert-submit-button" id="coupon-subscribe-email"><?= __('Submit') ?></div>
                         </div>
+                        <div class="coupon-shopping-now" style="display: none;">
+                            <div class="coupon-shopping-now-button"><a href="/"><?= __('Shopping Now') ?></a></div>
+                        </div>
                         <div class="coupon-input-errorMsg"></div>
                         <div class="split-line joshine-hidden-sm joshine-hidden-xs"><span class="split-text"><?= __('Additional Information') ?></span></div>
                         <div class="coupon-alt-bottom-title  joshine-hidden-sm joshine-hidden-xs"><span><?= $block->getInformationTitle() ?></span>
@@ -153,6 +172,9 @@
                     }
                     $("#flipping-coupon-code").html(response.coupon_code);
                     $(".coupon-wrapper").addClass("flipping");
+                    $(".coupon-alt-input-title").html("Thank your Subscribe!")
+                    $(".coupon-alt-input").hide();
+                    $(".coupon-shopping-now").show();
                 },
                 error: function () {
                     $(".coupon-input-errorMsg").html('error').show();

app/code/Joshine/CouponPusher/view/frontend/web/css/_coupon_alert.css

 #coupon-subscribe-alert.joshine-model-warp .j-modal .j-modal-dialog {
-    width: 640px;
+    width: 580px;
 }
 
 #coupon-subscribe-alert .j-modal .j-modal-content {