カートボーダーの問題を修正し、WooCommerceカートスニペットを最適化する方法

ランニング WooCommerce ウェブサイト上では、カートアイコンの周りに不要な境界線があるなど、インターフェイス上の問題が発生する可能性があります。一方、WooCommerceショッピングカートスニペットの エイジャックス リクエストは、ショッピングカートのコンテンツを動的に更新することができますが、低プロファイルのホスト上のページの読み込み速度に影響を与える可能性があります。この記事では、Requestsを削除するためのガイドを提供します。カートショッピングカートスニペットのボーダーと無効化の詳細な手順は、ウェブサイトのパフォーマンスを最適化し、読み込み速度を向上させ、よりスムーズなユーザーエクスペリエンスを保証します。

ショッピングカートのボーダーを削除

アストラ ショッピングカートアイコンのスタイルを調整するためのカスタマイズオプションが用意されています。ショッピングカートアイコンの周りにボーダーがある場合は、以下の手順でボーダーを削除することができます：

• カスタム設定へより ワードプレス ダッシュボード 外観 > カスタマイズ.
• ヘッダービルダーを開くカスタマイズパネルで ヘッダービルダー.

• ショッピングカートのオプションを選択ヘッダービルダーで カート 要素。

• デザインタブへデザインタブで ボーダー半径 オプションで0に設定するか、スライダーを使って手動で値を入力する。

これにより、カートアイコンの境界線がなくなり、ページのすっきりとしたデザインが復元されます。

WooCommerceショッピングカートスニペットを無効にする

WooCommerce ショッピングカートのクリップは エイジャックス ショッピングカートの内容を動的に表示するためのリクエストです。ユーザーがカートに商品を追加し、カートのアイコンをクリックすると、ページにはカート内の商品が表示されます。ホストの速度が遅い場合、これらのリクエストによってページの読み込みに時間がかかることがあります。

ショッピングカート・スニペットが無効になっているのはなぜですか？

WooCommerce ショッピングカートスニペット機能は、カートの内容を動的に更新するためにデフォルトで有効になっていますが、低プロファイルのホストでは、この機能を使用するとページの読み込み時間が長くなる可能性があります。この機能を無効にすると、サイトの読み込み速度が向上します。

WooCommerceショッピングカートスニペットを無効にする

WooCommerceショッピングカートスニペットスクリプトを無効にするには、以下の手順に従ってください：

• WooCommerceの設定より ワードプレス ダッシュボード WooCommerce > 設定クリック お飾り.
• 使用禁止 エイジャックス カートに入れるボタンチェックなし 商品アーカイブページでAjaxカートへ追加ボタンを有効にする.

• ショッピングカートページのリダイレクトを有効にするダニ ショッピングカートに入れた後、ショッピングカートのページにジャンプする.

これは、インストールされているキャッシュプラグインをバイパスするのに役立つ。

• 削除 ジャバスクリプトショッピングカートスニペットを完全に無効にするには、子テーマの functions.php ドキュメンテーション

入り込む 外観 > テーマファイルエディタをクリックし、サブトピックの functions.php ファイルの一番下に以下のコードを貼り付ける：

/** WooCommerce の Ajax 呼び出しを無効にする */
関数 sert_dequeue_woocommerce_cart_fragments() {
    wp_dequeue_script('wc-cart-fragments'); }.
}
add_action( 'wp_enqueue_scripts', 'sert_dequeue_woocommerce_cart_fragments', PHP_INT_MAX)； 

このコードは WooCommerce ショッピングカートスニペットスクリプトは、あなたのサイトの読み込み速度を向上させます。

概要

設定を調整することで、ショッピングカートのアイコンの枠線を簡単に削除したり、ショッピングカートのアイコンに表示される WooCommerce ショッピングカートスニペット機能。カートのスニペットを無効にすることは、全体的な読み込み速度とパフォーマンスを向上させるために、遅いホストを使用しているサイトに特に便利です。

関連記事