#382

addons/default/visiosoft/advs-module/resources/views/advs/table.twig

@@ -45,7 +45,7 @@
 
                         <!-- recommended-ads -->
                         <div class="col-sm-8 col-md-9">
-                            <div class="section recommended-ads">
+                            <div class="section recommended-ads table-recommended-section">
                                 <!-- featured-top -->
                                 {% include "visiosoft.module.advs::advs/partials/display_mode" %}
                                 <div class="featured-top">
@@ -86,6 +86,7 @@
                                 <div class="category-tabs">
 
                                 </div>
+                                <div class="table-responsive">
 
                                 <table class="table ads-list-table">
                                     <thead>
@@ -103,6 +104,7 @@
                                     {% include "visiosoft.module.advs::advs/partials/table-row" %}
                                     </tbody>
                                 </table>
+                                </div>
                                 <!-- pagination  -->
                                 <div class="text-center">
                                     <div class="tool-pagination">
@@ -163,4 +165,5 @@
     </div>
     {{ asset_add("scripts.js", "visiosoft.module.advs::js/admin-list.js") }}
     {{ asset_add("scripts.js", "visiosoft.module.advs::js/list-table.js") }}
+    {% include "theme::scroll-modal" %}
 {% endblock %}

addons/default/visiosoft/default-theme/resources/css/default/main.css

@@ -5958,3 +5958,31 @@ input[name="username"] {
 .recommended-ads h4 {
     display: inline-block !important;
 }
+
+#swipeTableModal {
+    position: fixed;
+    background: rgb(0,0,0,0.60);
+    height: 100vh;
+    padding-top: 58%;
+    text-align: center;
+}
+
+#swipeTableModal img{
+    max-width: 80px
+}
+
+#swipeTableModal button{
+    border: 1px solid #fff;
+    background-color: transparent;
+    font-size: 20px;
+    cursor: pointer;
+    border-radius: 3px;
+    color: white;
+    width: 90px;
+}
+
+#swipeTableModal p{
+    color: white;
+    font-weight: 700;
+    font-size: 18px;
+}

addons/default/visiosoft/default-theme/resources/css/default/responsive.css

@@ -1740,6 +1740,12 @@
 
 /* XS Portrait */
 @media (max-width: 479px) {
+    .table-recommended-section {
+        padding: 10px;
+    }
+    .table-image {
+        min-width: 80px;
+    }
     .favorite-searches {
         margin-bottom: 10px;
         padding-bottom: 15px;

addons/default/visiosoft/default-theme/resources/js/scroll-screen.js

@@ -0,0 +1,3 @@
+$(window).on('load',function(){
+    $('#swipeTableModal').modal('show');
+});

addons/default/visiosoft/default-theme/resources/lang/en/fields.php

@@ -13,4 +13,6 @@ return [
     'join-us' => 'Join Us',
     'sign-in' => 'Sign In',
     'new-here' => 'New here ?',
+    'scroll-screen-for-details' => 'Scroll Screen for Table View',
+    'close' => 'Close'
 ];

addons/default/visiosoft/default-theme/resources/lang/tr/fields.php

@@ -7,4 +7,6 @@ return [
     'join-us' => 'Üye Ol',
     'sign-in' => 'Üye Girişi',
     'new-here' => 'Avantajlar için ',
+    'scroll-screen-for-details' => 'Ayrıntılar için Ekranı Kaydır',
+    'close' => 'Kapat'
 ];

addons/default/visiosoft/default-theme/resources/views/partials/footer.twig

@@ -137,7 +137,6 @@
 {% include "theme::partials/s-search-modal" %}
 
 
-
 {% if setting('visiosoft.module.advs::google_statistic_code') != "" %}
     <script async
             src="https://www.googletagmanager.com/gtag/js?id={{ setting('visiosoft.module.advs::google_statistic_code') }}"></script>

addons/default/visiosoft/default-theme/resources/views/scroll-modal.twig

@@ -0,0 +1,10 @@
+<div id="swipeTableModal" class="modal fade" role="dialog">
+    <div class="modal-dialog">
+        <div class="modal-body" onclick="$('#swipeTableModal').modal('hide');">
+            <img src="{{ img('theme::images/scroll-screen.gif').url }}">
+            <p>{{ trans('theme::fields.scroll-screen-for-details') }}</p>
+            <button>{{ trans('theme::fields.close') }}</button>
+        </div>
+    </div>
+</div>
+{{ asset_add("scripts.js", "theme::js/scroll-screen.js") }}