fix

app/code/Joshine/InstagramFeed/view/frontend/templates/mediafeed.phtml

@@ -2,8 +2,8 @@
 /** @var $block \Joshine\InstagramFeed\Block\MediaFeed */
 
 ?>
-<?php if ($block->isOpen()): ?>
-<style>
+<?php if ($block->isOpen()) : ?>
+    <style>
         .instagram-feed-container .instagram-feed-title {
             background: #fff;
             font-size: 24px;
@@ -199,9 +199,9 @@
         .instagram-container {
             padding: 10px;
         }
-</style>
-<?php $media = $block->getMedia()['data']; ?>
-<?php if (!empty($media)): ?>
+    </style>
+    <?php $media = $block->getMedia()['data']; ?>
+    <?php if (!empty($media)): ?>
         <div id="joshine-section-app-block-instagram" class="joshine-section spaced-section">
             <div class="instagram-container">
                 <div id="joshine-block-block1" class="joshine-block">
@@ -215,7 +215,7 @@
                                              src=" <?= $row["thumbnail_url"] ?? $row["media_url"] ?> ">
                                         <?php if (isset($row["media_type"]) && $row["media_type"] == 'VIDEO' ) : ?>
                                             <img class="video-icon" src="data:image/png;base64,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">
-                                <? endif; ?>
+                                        <?php endif; ?>
                                         <div class="camera-icon-wrapper">
                                             <svg class="-JolWu6c _82YWzw7n" width="48" height="45" viewBox="0 0 48 45" fill="none"
                                                  xmlns="http://www.w3.org/2000/svg">
@@ -231,10 +231,10 @@
                 </div>
             </div>
         </div>
-<? endif; ?>
+    <?php endif; ?>
 
 
-<div class="joshine-model-warp" style="display: none;" id="instagram-modal">
+    <div class="joshine-model-warp" style="display: none;" id="instagram-modal">
         <div class="joshine-mask"></div>
         <div class="j-modal j-modal-vertical">
             <div class="j-modal-dialog j-modal-fluid joshine-col-lg-7 joshine-col-md-7 joshine-col-xs-11">
@@ -264,9 +264,9 @@
                 </div>
             </div>
         </div>
-</div>
+    </div>
 
-<script>
+    <script>
         require([
             'jquery', 'ko', 'mage/translate'
         ], function ($, ko, _) {
@@ -299,5 +299,5 @@
             });
 
         });
-</script>
-<? endif; ?>
\ No newline at end of file
+    </script>
+<?php endif; ?>
\ No newline at end of file