diff --git a/wp-content/themes/ahoadonviet/css/hdv.css b/wp-content/themes/ahoadonviet/css/hdv.css index 7988ede..61d269b 100644 --- a/wp-content/themes/ahoadonviet/css/hdv.css +++ b/wp-content/themes/ahoadonviet/css/hdv.css @@ -497,8 +497,12 @@ ul#menu-main-menu li a:hover { .invoice-template-name { font-size: 15px !important; - line-height: 17px !important; - color: #000000; + line-height: 25px !important; + color: #424242; + font-weight: bold; +} +.tpl-hoadon{ + width: 80%; } #footer-content { diff --git a/wp-content/themes/ahoadonviet/template-parts/invoice-template-tpl.php b/wp-content/themes/ahoadonviet/template-parts/invoice-template-tpl.php index 40c51bd..4949575 100644 --- a/wp-content/themes/ahoadonviet/template-parts/invoice-template-tpl.php +++ b/wp-content/themes/ahoadonviet/template-parts/invoice-template-tpl.php @@ -8,16 +8,19 @@ */ get_header(); -$invoice_temp_01 = wp_get_attachment_image_src(274, '423x600' ); -$invoice_temp_02 = wp_get_attachment_image_src(275, '423x600' ); -$invoice_temp_03 = wp_get_attachment_image_src(276, '423x600' ); -$invoice_temp_04 = wp_get_attachment_image_src(277, '423x600' ); -$invoice_temp_05 = wp_get_attachment_image_src(278, '423x600' ); -$invoice_temp_06 = wp_get_attachment_image_src(279, '423x600' ); -$invoice_temp_07 = wp_get_attachment_image_src(280, '423x600' ); -$invoice_temp_08 = wp_get_attachment_image_src(281, '423x600' ); -$invoice_temp_09 = wp_get_attachment_image_src(281, '423x600' ); - +// $invoice_temp_01 = wp_get_attachment_image_src(274, '423x600' ); +// list ảnh mẫu hóa đơn +$arr_invoice = array( + 1 => 274, + 2 => 275, + 3 => 276, + 4 => 277, + 5 => 278, + 6 => 279, + 7 => 280, + 8 => 281, + 9 => 281, +); ?> <?php get_template_part( 'template-parts/content', 'intro-slider' ); ?> @@ -29,45 +32,14 @@ $invoice_temp_09 = wp_get_attachment_image_src(281, '423x600' ); <h1 class="feature-title">MẪU HÓA ĐƠN THAM KHẢO</h1> </div> <div class="row"> - <!-- Hàng 1 --> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_01[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 1</p> - </div> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_02[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 2</p> - </div> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_03[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 3</p> - </div> - <!-- Hàng 2 --> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_04[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 4</p> - </div> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_05[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 5</p> - </div> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_06[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 6</p> - </div> - <!-- Hàng 3 --> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_07[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 7</p> - </div> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_08[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 8</p> - </div> - <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> - <img src="<?php echo $invoice_temp_09[0] ?>" class="img-fluid"> - <p class="invoice-template-name">Mẫu hóa đơn số 9</p> - </div> + <?php foreach ($arr_invoice as $key => $val): + $invoice_temp = wp_get_attachment_image_src($val, '423x600' ); + ?> + <div class="col-xs-12 col-sm-12 col-md-4 text-center wow flipInY"> + <img src="<?php echo $invoice_temp[0] ?>" class="img-fluid tpl-hoadon"> + <p class="invoice-template-name">Mẫu hóa đơn số <?=$key?></p> + </div> + <?php endforeach;?> </div> </section>