web-dev-qa-db-ja.com

ウーコマース商品ページ編集

特定のページテンプレートを使用して、あらゆるカテゴリのオンラインストアを作成しています。これですべて完了ですが、今度はそのページテンプレートのレイアウトを編集したいと思います。

そのため、すべての製品には次のものがあります。

  • 名前、
  • 画像、
  • 簡単な説明
    製品の説明 製品名 製品価格タグ の間にしたい
  • 値札
  • カートに入れるボタン。

私の挑戦:私はどうやって始めればいいのかわからず、その点で援助が必要です。

クローン作成や編集が必要なファイルは何ですか?

1
TLR

WooCommerceでは、デフォルトのテンプレートを上書きできます。すべてのテンプレートはwoocommerce/templatesフォルダにあります。テーマのディレクトリ内にwoocommerceフォルダを作成し、このフォルダに上書きしたいファイルを複製するだけです。

マークアップを更新したい場合はarchive-product.phpcontent-product.phpファイルをコピーする必要があります。商品名と価格の間の簡単な説明だけを表示したい場合は、次のコードをテーマのfunctions.phpファイルに追加するだけです。

function show_product_summary(){
    $product_summary = get_the_excerpt();
    echo '<div class="product-summary">'. substr( $product_summary , 0, 30 )  .'</div>';
}
add_action('woocommerce_shop_loop_item_title', 'show_product_summary', 10, 2);

商品一覧ページに下記のような商品概要が表示されます。

enter image description here 

こちらが 公式ブログ投稿 です。

5
Prasad Nevase