MC-3934: Slide/Banner Overlay & Button Do Not Show On Storefront When Set To On Hover

Update the master-format documentation for slider and banner

Author: bdenham

docs/master-format.md

@@ -564,7 +564,7 @@ Poster
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="poster" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-poster-content">
@@ -581,15 +581,15 @@ Poster
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Left
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-left" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -606,15 +606,15 @@ Collage Left
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Centered
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-centered" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -631,15 +631,15 @@ Collage Centered
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Right
 
 ```
 <div data-element="main" data-role="slide" data-slide-name="" data-appearance="collage-right" data-show-button="hover" data-show-overlay="always" style="...">
-    <a data-element="link" href="" target="" data-link-type="default">
+    <div data-element="link" data-href="" data-target="" data-link-type="default">
         <div data-element="desktop_image" class="pagebuilder-slide-wrapper pagebuilder-mobile-hidden" style="...">
             <div data-element="overlay" class="pagebuilder-overlay" data-overlay-color="rgba(255,255,255,0.5)" style="">
                 <div class="pagebuilder-collage-content">
@@ -656,7 +656,7 @@ Collage Right
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
@@ -680,8 +680,8 @@ Inline styles
 
 Attributes
 1. data-element [link]
-2. href
-3. target
+2. data-href
+3. data-target
 4. data-link-type
 
 ### overlay element
@@ -751,7 +751,7 @@ Poster
 
 ```
 <div data-element="main" data-role="banner" data-appearance="poster" data-overlay-color="rgb(0, 0, 0)" data-appearance="poster" style="...">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="mobile_image" class="wrapper pagebuilder-mobile-only">
             <div data-element="overlay" style="" class="overlay">
                 <div class="content">
@@ -768,15 +768,15 @@ Poster
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Left
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-left" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-left" style="" class="pagebuilder-banner">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="desktop_image" style=""
              class="pagebuilder-desktop-only wrapper">
             <div data-element="overlay" style="" class="overlay>
@@ -794,15 +794,15 @@ Collage Left
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
 Collage Centered
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-centered" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-center" style="" class="pagebuilder-banner">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="desktop_image" style="" class="pagebuilder-desktop-only wrapper">
             <div data-element="overlay" class="overlay">
                 <div class="content">
@@ -819,14 +819,14 @@ Collage Centered
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 Collage Right
 
 ```
 <div data-element="main" data-role="banner" data-appearance="collage-right" data-overlay-color="rgb(0, 0, 0)" data-appearance="collage-right" style="" class="pagebuilder-banner">
-    <a data-element="link" href="" target="">
+    <div data-element="link" data-href="" data-target="">
         <div data-element="desktop_image" style="" class="pagebuilder-desktop-only wrapper">
             <div data-element="overlay" style="" class="overlay">
                 <div class="content">
@@ -843,7 +843,7 @@ Collage Right
                 </div>
             </div>
         </div>
-    </a>
+    </div>
 </div>
 ```
 
@@ -870,8 +870,8 @@ Attributes
 1. data-element [link]
 2. data-role
 3. data-appearance
-4. href
-5. target
+4. data-href
+5. data-target
 6. data-link-type
 
 ### overlay element
@@ -882,8 +882,8 @@ Attributes
 3. data-appearance
 4. data-link-type
 5. data-overlay-color
-6. href
-7. target
+6. data-href
+7. data-target
 
 Inline styles
 1. background-color