← Back
Editing: asda-page.php
<?php /** * Template Name: ASDA.UZ Page */ get_header(); ?> <!-- Banner section--> <section id="banner"> <div class="container-fluid"><div class="row"> <div class="col-lg-12 col-sm-6"> <img alt="" src="<?= get_field('banner')['banner-img']['url']; ?>"> </div> </div></div> </section> <div class=""> <div class="container"> <h1 class="my-3 mt-lg-5 asda-main-title"> <?= get_field('head-title')['main-title']?> </h1> </div> <div class="about-asda"> <div class="container"><div class="row"> <div class="col-lg-5 col-sm-6"> <?= get_field('banner')['banner-video']; ?> </div> <div class="liniya"></div> <div class="col-lg-7 col-sm-6"> <p><?= get_field('banner')['banner-description']; ?></p> </div> </div> </div> </div> <?php $defaults_param = array( 'post_type' => 'products', 'category' => 15, 'posts_per_page' => 9, 'orderby' => 'post_date', 'order' => 'ASC', ); $get_asda = get_posts($defaults_param); ?> <div class="container-fluid"> <div class="container katalog-product"> <div class="row justify-content-center"> <div class="col-lg-12 col-sm-6 text-center mb-5"> <h2><?= L::asda_product ?></h2> </div> <?php if (!function_exists('asda_name')) { function asda_name($title) { $title_parts = explode(' - ', $title); $name = isset($title_parts[0]) ? $title_parts[0] : ''; $desc = isset($title_parts[1]) ? " - " . $title_parts[1] : ''; return "<h6>$name</h6>$desc"; } } foreach ($get_asda as $getasda) { $post_image[] = wp_get_attachment_url(get_post_thumbnail_id($getasda->ID)); $permalink[] = get_permalink($getasda->ID); } ?> <?php if(isset($get_asda[0])): ?> <div class="secta-1 col-lg-2 col-xs-6"> <a href="<?= $permalink[0]?>"> <img alt="" src="<?= $post_image[0]?>"> <div class="asda-name"> <?= asda_name($get_asda[0]->post_title)?> </div> </a> </div> <?php endif; ?> <?php if(isset($get_asda[1])): ?> <div class="secta-1 col-lg-2 col-xs-6"> <a href="<?= $permalink[1] ?>"><img alt="" src="<?= $post_image[1]?>"> <div class="asda-name"><?= asda_name($get_asda[1]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[2])): ?> <div class="secta-1 col-lg-2 col-xs-6"> <a href="<?= $permalink[2]?>"><img alt="" src="<?= $post_image[2]?>"> <div class="asda-name"><?= asda_name($get_asda[2]->post_title) ?> </div></a> </div> <?php endif; ?> <?php if(isset($get_asda[3])): ?> <div class="secta-1 col-lg-2 col-xs-6"> <a href="<?= $permalink[3]?>"><img alt="" src="<?= $post_image[3]?>"> <div class="asda-name"><?= asda_name($get_asda[3]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[4])): ?> <div class="secta-1 col-lg-2 col-xs-6"> <a href="<?= $permalink[4]?>"><img alt="" src="<?= $post_image[4]?>"> <div class="asda-name"><?= asda_name($get_asda[4]->post_title) ?></div></a> </div> <?php endif; ?> <div class="mt-5"></div> <?php if(isset($get_asda[5])): ?> <div class="secta-2-1 col-lg-2 col-xs-6"> <a href="<?= $permalink[5] ?>"><img alt="" src="<?= $post_image[5]?>"> <div class="asda-name"><?= asda_name($get_asda[5]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[6])): ?> <div class="secta-2-2 col-lg-2 col-xs-6"> <a href="<?= $permalink[6]?>"><img alt="" src="<?= $post_image[6]?>"> <div class="asda-name"><?= asda_name($get_asda[6]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[7])): ?> <div class="secta-2-3 col-lg-4 col-xs-6"> <a href="<?= $permalink[7]?>"><img alt="" src="<?= $post_image[7]?>"> <div class="secta-3-p asda-name"><?= asda_name($get_asda[7]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[8])): ?> <div class="secta-2-4 col-lg-2 col-xs-6"> <a href="<?=$permalink[8]?>"> <img alt="" src="<?= $post_image[8]?>"> <div class="asda-name"><?= asda_name($get_asda[8]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[8])): ?> <div class="msecta-2-3 col-xs-6"> <a href="<?= $permalink[8]?>"><img alt="" src="<?= $post_image[8]?>"> <div class="asda-name" ><?= asda_name($get_asda[8]->post_title) ?></div></a> </div> <?php endif; ?> <?php if(isset($get_asda[7])): ?> <div class="msecta-2-4 col-xs-6"> <a href="<?= $permalink[7]?>"><img alt="" src="<?= $post_image[7]?>"> <div class="secta-3-p asda-name"><?= asda_name($get_asda[7]->post_title) ?></div></a> </div> <?php endif; ?> </div> </div> </div> <div class="asda-lider"> <img class="d-none d-lg-block" src="<?= get_template_directory_uri()?>/inc/assets/images/lider-bg.png" /> <div class="d-none d-lg-block asda-lider-bg"></div> <div class="container"> <div class="row"> <div class="col-sm-6 col-lg-6 mb-lg-5 mb-sm-4"> <h2><?= get_field('lider')['lider-title'] ?></h2> <p class="lider-desc"><?= get_field('lider')['lider-desc']?> </p> </div> <div class="d-none d-lg-block col-lg-6"> <img style="position: relative; z-index: 1" src="<?= get_field('lider')['lider-img']?>" alt="ASDA.UZ lider"> <div class="d-none d-lg-block red-border"></div> </div> </div> </div> </div> <div class="container cotton"> <div class="row justify-content-between"> <div class="d-none d-lg-block col-lg-5"> <img alt="ASDA.UZ cotton" src="<?= get_field('cotton')['cotton-img']?>"> </div> <div class="col-12 col-lg-5 align-self-center"> <h2><?= get_field('cotton')['cotton-title']?></h2> <p class="cotton__desc"> <?= get_field('cotton')['cotton-desc'] ?> </p> <div class="cotton__achive"> <div style="padding: 10px; background: #FFFFFF; height: 55px; display: flex; align-items: center"> <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Line Duotone / Like / Medal Ribbons Star"> <path id="Vector" opacity="0.5" d="M13.9324 8.77814C14.4074 7.92605 14.6449 7.5 15 7.5C15.3551 7.5 15.5926 7.92605 16.0676 8.77814L16.1904 8.99859C16.3254 9.24073 16.3929 9.36179 16.4981 9.44168C16.6034 9.52156 16.7344 9.55121 16.9965 9.61052L17.2352 9.66451C18.1576 9.87321 18.6187 9.97756 18.7285 10.3304C18.8382 10.6832 18.5238 11.0509 17.895 11.7862L17.7323 11.9765C17.5536 12.1854 17.4642 12.2899 17.4241 12.4191C17.3839 12.5484 17.3974 12.6878 17.4244 12.9666L17.449 13.2204C17.544 14.2015 17.5916 14.692 17.3043 14.9101C17.0171 15.1282 16.5852 14.9293 15.7216 14.5317L15.4982 14.4288C15.2528 14.3158 15.1301 14.2593 15 14.2593C14.8699 14.2593 14.7472 14.3158 14.5018 14.4288L14.2784 14.5317C13.4148 14.9293 12.9829 15.1282 12.6957 14.9101C12.4084 14.692 12.456 14.2015 12.551 13.2204L12.5756 12.9666C12.6026 12.6878 12.6161 12.5484 12.5759 12.4191C12.5358 12.2899 12.4464 12.1854 12.2677 11.9765L12.105 11.7862C11.4762 11.0509 11.1618 10.6832 11.2715 10.3304C11.3813 9.97756 11.8424 9.87321 12.7648 9.66451L13.0035 9.61052C13.2656 9.55121 13.3966 9.52156 13.5019 9.44168C13.6071 9.36179 13.6746 9.24073 13.8096 8.99859L13.9324 8.77814Z" stroke="#D10000" stroke-width="1.875"/> <path id="Vector_2" d="M22.8125 11.25C22.8125 15.5647 19.3147 19.0625 15 19.0625V20.9375C20.3503 20.9375 24.6875 16.6003 24.6875 11.25H22.8125ZM15 19.0625C10.6853 19.0625 7.1875 15.5647 7.1875 11.25H5.3125C5.3125 16.6003 9.64974 20.9375 15 20.9375V19.0625ZM7.1875 11.25C7.1875 6.93528 10.6853 3.4375 15 3.4375V1.5625C9.64974 1.5625 5.3125 5.89974 5.3125 11.25H7.1875ZM15 3.4375C19.3147 3.4375 22.8125 6.93528 22.8125 11.25H24.6875C24.6875 5.89974 20.3503 1.5625 15 1.5625V3.4375Z" fill="#D10000"/> <path id="Vector_3" opacity="0.5" d="M15 20.0848L10.2857 24.966C9.61054 25.6651 9.27296 26.0146 8.98708 26.1355C8.33565 26.4112 7.61303 26.1753 7.27034 25.5752C7.11996 25.3118 7.0731 24.8368 6.97938 23.8868C6.92646 23.3504 6.9 23.0822 6.81969 22.8576C6.63989 22.3547 6.26207 21.9635 5.77638 21.7774C5.55943 21.6942 5.30041 21.6668 4.78236 21.612C3.86484 21.515 3.40607 21.4665 3.15173 21.3108C2.57215 20.9559 2.34435 20.2077 2.61054 19.5332C2.72735 19.2372 3.06492 18.8877 3.74007 18.1887L6.81969 15" stroke="#D10000" stroke-width="1.875"/> <path id="Vector_4" opacity="0.5" d="M15 20.0848L19.7143 24.966C20.3895 25.6651 20.727 26.0146 21.0129 26.1355C21.6644 26.4112 22.387 26.1753 22.7297 25.5752C22.88 25.3118 22.9269 24.8368 23.0206 23.8868C23.0735 23.3504 23.1 23.0822 23.1803 22.8576C23.3601 22.3547 23.7379 21.9635 24.2236 21.7774C24.4406 21.6942 24.6996 21.6668 25.2176 21.612C26.1352 21.515 26.5939 21.4665 26.8483 21.3108C27.4279 20.9559 27.6557 20.2077 27.3895 19.5332C27.2726 19.2372 26.9351 18.8877 26.2599 18.1887L23.1803 15" stroke="#D10000" stroke-width="1.875"/> </g> </svg> </div> <p style="margin-bottom: 0; margin-left: 10px; color: #fff;"> <?= get_field('cotton')['cotton-desc2']?> </p> </div> </div> </div> </div> <style> .laboratory img{ width: 100%; height: 100%; } </style> <div class="laboratory"> <div class="container"> <div class="row"> <div class="col-lg-4"> <h2><?= get_field('laboratory')['laboratory-title']?></h2> </div> <div class="col-lg-8 laboratory__desc"> <p style="font-size: 18px; font-weight: 400; color: #272C31; font-style: normal; line-height: 27px; margin-bottom: 0;"> <?= get_field('laboratory')['laboratory-desc']?> </p> </div> </div> <div class="row py-5 laboratory__images"> <div class="col-12 col-lg-5"> <img alt="Laboratory images" src="<?= get_field('laboratory')['laboratory-img-1']; ?>"> </div> <div class="col-12 col-lg-3"> <img alt="Laboratory images" src="<?= get_field('laboratory')['laboratory-img-2']; ?>"> </div> <div class="col-12 col-lg-4"> <img alt="Laboratory images" src="<?= get_field('laboratory')['laboratory-img-3']; ?>"> </div> </div> </div> </div> <div class="primushestva"> <div class="container"><div class="row justify-content-center"> <div class="col-lg-12 col-sm-6 text-center mb-5 mt-lg-3"> <h2><?= L::advantages ?></h2> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/water-resistant.png"> <p><?= get_field('advantages_glue')['glue-text-1']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/regulator.png"> <p><?= get_field('advantages_glue')['glue-text-2']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/temperature.png"> <p><?= get_field('advantages_glue')['glue-text-3']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/maintenance.png"> <p><?= get_field('advantages_glue')['glue-text-4']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/checked.png"> <p><?= get_field('advantages_glue')['glue-text-5']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/liquid.png"> <p><?= get_field('advantages_glue')['glue-text-6']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/sticker.png"> <p><?= get_field('advantages_glue')['glue-text-7']?></p> </div> <div class="col-lg-3 col-sm-6 text-center"> <img alt="" src="<?= get_template_directory_uri() ?>/inc/assets/images/asda-products/verified.png"> <p><?= get_field('advantages_glue')['glue-text-8']?></p> </div> </div></div> </div> <div class="container"> <div class="row"> <div class="col-lg-12 col-sm-6 mb-lg-5 mt-5"> <h2 class="pic-map"><?= L::delivery_terms ?></h2> </div> <div id="photo-map" style="padding-left: unset; padding-right: unset;" class="col-lg-12"> <img alt="" src="<?= get_field('usloviya-postavki')['image']['url'] ?>"> </div> </div> </div> <div class="two-cvadrat"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="cvadrat-1"> <img style="margin-bottom: 48px;" src="<?= get_field('standarti')['sd-img-1']['url'] ?>"/> <?= get_field('standarti')['st-text-1'] ?> </div> </div> <div class="col-lg-6"> <div class="cvadrat-2"> <a href="http://epca.eu/company/promxim-impex"><img width="421" src="<?= get_template_directory_uri() ?>/inc/assets/images/redisgn/logo-epca-blue.png"/></a> <img style="margin-bottom: 35px;" width="128" src="<?= get_template_directory_uri() ?>/inc/assets/images/redisgn/Promxim impex logo.png"/> <?= get_field('standarti')['st-text-2'] ?> </div> </div> </div> </div> </div> <!-- carboxymethyl and polyanionic info block --> <div class="kms-pms-info container my-5 p-4 d-block" style="box-shadow: 0 0px 8px rgb(0 0 0 / 40%)"> <h2 class="text-center my-3"> <?= get_field('kms-info')['kms-info-title']?> </h2> <p class="mb-0"> <?= get_field('kms-info')['kms-info-desc']?> </p> </div> </div> <script src='<?=get_template_directory_uri()?>/inc/assets/js/jquery.min.js'></script> <?php get_footer(); ?>
Save File
Cancel