s

app/api/book.php

@@ -21,7 +21,7 @@ function bookid_kuri($slug) {
 
     if (isset($book['price_id'])){
         
-        $book['pic'] = IMGSRV."price/180x280/{$book['price_id']}.{$book['priceimg']}"; 
+        $book['pic'] = IMGSRV."price/300x470/{$book['price_id']}.{$book['priceimg']}"; 
         $book['links']['pdf'] = SITE.'read/'.$book['pricehash']; 
         $book['links']['text'] = SITE.'readtext/'.$book['pricehash'];  
         $book['links']['download'] = SITE.'pub/files/pdf/'.$book['pricehash'].'.pdf';

app/composer.json

@@ -5,7 +5,8 @@
         "masterforweb/kuri":"dev-master",
         "masterforweb/db_lite":"dev-master",
         "mobiledetect/mobiledetectlib": "^2.8",
-        "phpmailer/phpmailer": "^6.1"
+        "phpmailer/phpmailer": "^6.1",
+        "yoomoney/yookassa-sdk-php": "^2.0"
     },
     "repositories":[
         

app/pub/css/an.css

@@ -7,6 +7,49 @@ body.books-body {
     width: 65%;
     font-size: .8em;
 }
+#row {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    margin: 5px 0;
+    background: #e4e4e4;
+}
+    #book_id {
+        width: calc(33.333% - 14px);
+        box-sizing: border-box;
+        position: relative;
+        background: #fff;
+        margin: 7px;
+        border-radius: 7px;
+    }
+    .pricename {
+        font-weight: bold;
+        text-align: center;
+    }
+    #priceanons {
+        width: calc(65% - 20px);
+        background: white;
+        margin: 10px;
+        border-radius: 5px;
+        padding: 20px;
+        box-sizing: border-box;
+        letter-spacing: 0.1px;
+        line-height: 25px;
+    }
+    .price {
+        background: #0e920e;
+        margin: 7px;
+        padding: 5px;
+        text-align: center;
+    }
+        .price a {
+            color: white;
+            text-decoration: none;
+            text-transform: uppercase;
+            letter-spacing: 0.2px;
+        }
 #book-html p {
     width: 70%;
     display: block;
@@ -319,12 +362,11 @@ input[type="email"],input[type="password"]{
     flex-wrap: wrap;
 }
 .book_skeleton {
-    width:25%;
+    width:calc(25% - 20px);
-    margin-bottom: 30px;
+    margin: 10px;
-    margin-top: 30px;
 }
 .book_mini {
-    width: 60%;
+    width: 100%;
     background: white;
     border-radius: 7px;
     border: 1px solid #cdd8e2;
@@ -367,11 +409,7 @@ input[type="email"],input[type="password"]{
 }
 
 @media screen and (max-width: 1260px) {
-    .book_skeleton{
-        margin-top: 20px;
-    }
     .book_mini{
-        width: 70%;
         font-size: .9em;
     }
 }
@@ -411,9 +449,6 @@ input[type="email"],input[type="password"]{
 
 
 @media screen and (max-width: 1100px) {
-    .book_skeleton{
-        margin-top: 15px;
-    }
     #logo {
         width: 170px;
     }
@@ -425,12 +460,6 @@ input[type="email"],input[type="password"]{
     }
 }
 @media screen and (max-width: 1000px) {
-    .book_mini{
-        width: 75%;
-    }
-    .book_skeleton{
-        margin-top: 10px;
-    }
     header .lite-logo {
         width: 30%;
     }
@@ -465,10 +494,8 @@ input[type="email"],input[type="password"]{
         width: 35%;
     }
     .book_skeleton{
-        width: 50%;
+        width: calc(50% - 40px);
-    }
+        margin: 20px;;
-    .book_mini{
-        width: 75%;
     }
     #logo {
         width: 125px;

app/views/book.phtml

@@ -1,18 +1,19 @@
-<div class="book_skeleton">
+<section id="row">
-        <div class="book_mini">
+<div id="book_id">
-                <img src="<?=$book['pic']?>">
+    <img style="width:100%;" src="<?=$book['pic']?>">
-                <p class="book_mini_title"><?=$book['pricename']?></p>
+</div>
-                <?if ($buy_status):?>
+<div id="priceanons">
-                    <p><a href="<?=$book['links']['pdf']?>">Читать PDF</a></p>
+    <p class="pricename"><?=$book['pricename']?></p>
-                    <!-- <p><a href="<?=$book['links']['text']?>">Читать текст</a></p> -->
+    <?=$book['priceanons']?>
-                    <?if ($book['category_id'] == 1):?>
+    <?if ($buy_status):?>
-                        <p><a href="<?=$book['links']['download']?>">Скачать PDF</a></p>
+        <p class="price"><a href="<?=$book['links']['pdf']?>">Читать PDF</a></p>
-                    <?endif?>    
+            <!-- <p><a href="<?=$book['links']['text']?>">Читать текст</a></p> -->
-                <?else:?>
+            <?if ($book['category_id'] == 1):?>
-                     <?$paylink = 'https://argumenti.ru/robomail/'.$book['price_id']?>
+                <p><a href="<?=$book['links']['download']?>">Скачать PDF</a></p>
-                     <p><?=$book['price']?> руб.</p>
+            <?endif?>    
-                     <p><a href="<?=$paylink?>">Купить</a></p>
+    <?else:?>
-                <?endif?>  
+        <?$paylink = 'https://argumenti.ru/robomail/'.$book['price_id']?>
-        </div>
+        <p class="price"><a href="<?=$paylink?>">Купить за <?=$book['price']?> руб.</a></p>
-        <div><?=$book['priceanons']?></div>
+    <?endif?>  
-    </div>
+</div>
+</section>

app/views/layout.phtml

@@ -5,7 +5,7 @@
   <script src="/pub/scripts/pdf.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.4/mobile-detect.min.js"></script>
   <script src="/pub/scripts/klanviewer.js?ver=34"></script>
-  <link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=229">
+  <link rel="stylesheet" type="text/css" href="/pub/css/an.css?ver=243">
   <link rel="icon" type="image/ico" href="https://argumenti.ru/favicon.ico">
   <?if (isset($description)):?>
     <meta name="description" content="<?=$description?>">