Ini adalah posting pertama saya, jadi saya harap saya melakukan semuanya dengan benar.

Saya ingin menambahkan kode PHP berikut ke situs saya. Kode seharusnya menampilkan 1-3 gambar tergantung pada ID produk. Gambar pertama ditampilkan pada setiap halaman produk, dua berikutnya akan ditampilkan tergantung pada id.

Semuanya berfungsi dengan baik, tetapi saya tidak dapat menampilkan gambar dalam satu baris. Saat ini, gambar ditampilkan di bawah satu sama lain.

Apakah Anda dapat menasihati saya?

/**
 * Add a selling points to single product page
 */
add_action( 'woocommerce_before_add_to_cart_form', 'bbloomer_single_product_ID', 10 );

function bbloomer_single_product_ID() {
 if(is_single()){
    echo '<div class="product_delivery_icon">
        <div class="pdf">
          <div class="pdf_icon">
            <img src="demo1.png">
          </div>
          <div class="pdf_name">Description 1</div>
        </div>
  </div>';
}if (is_single(array(1, 2, 3))){
    echo '<div class="product_delivery_icon">
        <div class="pdf">
          <div class="pdf_icon">
            <img src="demo2.png">
          </div>
          <div class="pdf_name">Description 2</div>
        </div>
  </div>';
}if (is_single(array(2, 4))){
    echo '<div class="product_delivery_icon">
        <div class="pdf">
          <div class="pdf_icon">
            <img src="demo3.png">
          </div>
          <div class="pdf_name">Description 3</div>
        </div>
  </div>';
}
}
1
Julian Car 27 Februari 2020, 07:02

1 menjawab

Jawaban Terbaik

Itu masalah css, saya pikir, tambahkan CSS seperti:

<div style="position:relative">
    <div style="float:left; width: 50px; height:100px; background-color:red;">image1</div>
    <div style="float:left; width: 50px; height:100px; background-color:blue;">image2</div>
    <div style="float:left; width: 50px; height:100px; background-color:green;">image3</div>
</div>
1
Sagar Parikh 27 Februari 2020, 04:54