Minor fixes

ujw0l · Jul 20, 2024 · 641d58c · 641d58c
1 parent f545fdb
commit 641d58c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/js/ctcl-block.js b/js/ctcl-block.js
@@ -341,7 +341,8 @@ registerBlockType('ctc-lite/ctc-lite-checkout-block', {
                                 setAttributes({contFormDis:false})
                         },style: { backgroundColor: attributes.buttonColor, display:"inline-block", float:"left" }, className: 'ctcl-checkout-button' }, __("Back", 'ctc-lite')),
                         el(Button, { style: { backgroundColor: attributes.buttonColor,display:"inline-block",float:"right" }, className: 'ctcl-checkout-button' }, __("Check Out", 'ctc-lite')),
-                        )
+                        ),
+
                  ),
                     el(PluginSidebar, { name: 'ctcl-checkout', icon: 'store', title: __('Checkout page setting', 'ctc-lite') },
                     el(PanelBody, null,
@@ -442,7 +443,9 @@ registerBlockType('ctc-lite/ctc-lite-checkout-block', {
 
                     el('button', {  style: { backgroundColor: attributes.buttonColor, display:"inline-block", float:"left" }, className: 'ctcl-checkout-back', }, __("Back", 'ctc-lite') ),   
                     el('input', { type: 'submit', name: 'ctcl-checkout-button', style: { backgroundColor: attributes.buttonColor, display:"inline-block", float:"right" }, className: 'ctcl-checkout-button', value: __("Check Out", 'ctc-lite') }),
-                    ),
+
+                ),
+                el('br',{}),
                 ),
             ),
         )
@@ -584,7 +587,7 @@ registerBlockType('ctc-lite/ctcl-image-gallery', {
 
 
     },
-    save: ({ attributes }) => el('div', { style:{height:attributes.mainImgHt+'px', width:attributes.mainImgWd+'px'}, className: 'ctcl-image-gallery' },
+    save: ({ attributes }) => el('div', { style:{height:attributes.mainImgHt+'px', width:attributes.mainImgWd+'px',opacity:0}, className: 'ctcl-image-gallery', },
 
         attributes.galItems.map((x, i) => el('img', { className: 'ctclg-gal-img', id: `ctclif-gal-img-${attributes.clntId}-${i}`, 'data-ts': `${attributes.clntId}`, 'data-image-num': `${i}`,  key: i, title: x.caption, src: x.url }))),
 

diff --git a/js/ctcl-frontend.js b/js/ctcl-frontend.js
@@ -553,6 +553,7 @@ new ctclImgGal('.ctcl-image-gallery',{
     imageEvent:'mouseover' ,
     callBack :(el)=>{
        document.querySelector('.ctclig-image-cont div').classList.add('ctcl-gal-cont')
+       el.style.opacity = '1';
        setTimeout(()=>{new ctcOverlayViewer('.ctcl-gal-cont');},1000)
 
     },