Ticket #1627

studio/classes/BxDolStudioStore.php

@@ -163,24 +163,34 @@ class BxDolStudioStore extends BxTemplStudioPage
                     break;
             }
 
-            if(!empty($aResult['message']))
-				$aResult['message'] = BxDolStudioTemplate::getInstance()->parseHtmlByName('popup_chain.html', array(
-					'html_id' => 'mod_action_result',
-				    'bx_repeat:items' => array(array(
-				        'bx_if:show_as_hidden' => array(
-        	    			'condition' => false,
-        	    			'content' => array(),
-        	    		),
-        	    		'item' => $aResult['message'],
-        	    		'bx_if:show_previous' => array(
-        	    			'condition' => false,
-        	    			'content' => array(
-        	    		        'onclick_previous' => ''
-        	    		    )
-        	    		),
-        	    		'onclick_close' => '$(this).parents(\'.bx-popup-applied:visible:first\').dolPopupHide();'
-				    ))
-				));
+            if(!empty($aResult['message'])) {
+                $oTemplate = BxDolStudioTemplate::getInstance();
+
+                $aResult['message'] = $oTemplate->parseHtmlByName('popup_chain.html', array(
+                    'html_id' => 'mod_action_result',
+                    'bx_repeat:items' => array(array(
+                        'bx_if:show_as_hidden' => array(
+                            'condition' => false,
+                            'content' => array(),
+                        ),
+                        'item' => $oTemplate->parseHtmlByName('str_notification.html', array(
+                            'content' => $aResult['message']
+                        )),
+                        'bx_if:show_previous' => array(
+                            'condition' => false,
+                            'content' => array(
+                                'onclick_previous' => ''
+                            )
+                        ),
+                        'bx_if:show_close' => array(
+                           'condition' => false,
+                            'content' => array(
+                                'onclick_close' => ''
+                            )
+                        )
+                    ))
+                ));
+            }
 
             echo json_encode($aResult);
             exit;

studio/template/css/common.less

@@ -30,12 +30,13 @@ a:hover > .sys-icon-a i {
 }
 
 /* popup */
-.bx-popup-applied {
-	.radius(3px);
+.bx-popup-applied:not(.bx-popup-chain),
+.bx-popup-applied.bx-popup-chain .bx-popup-chain-item {
+    .radius(3px);
 
-	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
-	-moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
-	box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
+    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
+    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
+    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);
 }
 .bx-popup-border {
 	border: 1px solid rgba(40, 60, 80, 0.1);

studio/template/css/store.css

@@ -344,6 +344,19 @@ div.bx-std-pvs-item {
 }
 
 
+/*--- Notification style ---*/
+.bx-std-notification {
+    position: relative;
+    display: block;
+}
+a.bx-std-notification:hover {
+    background-color: rgba(210, 230, 250, 0.3);
+}
+div.bx-std-notification-cnt {
+    position: relative;
+}
+
+
 /*--- Mobile Optimization style ---*/
 @media (min-width:533px) and (max-width:720px) {
     .bx-std-categories .bx-std-category {

studio/template/str_notification.html

@@ -0,0 +1,5 @@
+<div class="bx-std-notification">
+    <a class="bx-std-notification bx-def-padding" href="javascript:void(0)" onclick="$(this).parents('.bx-popup-applied:visible:first').dolPopupHide();">
+        <div class="bx-std-notification-cnt">__content__</div>
+    </a>
+</div>