Oceanwp 常用代碼

移除產品頁面的H2描述

(使用OceanWP product頁面會有一個h2的描述 移除的css如下)

/*移除產品頁面的H2描述*/ 
.woocommerce #tab-description > h2 {
      display: none;
}

elementor編輯器 按鈕位置

通常在oceanwp會跑版需要設定

/*elementor編輯器 編輯時的按鈕位置*/
.woocommerce .summary ul, .woocommerce #tab-description ul {
  margin: 0px;
}

Oceanwp讓手機版的商品圖在購物車時滿版

/*購物車 商品圖片 手機版滿版*/
@media (max-width:768px){
  form.woocommerce-cart-form img {
    max-width: 100% !important;
  }
}

Oceanwp商店頁面 圖片滿版 無圖庫圖時導致圖片大小不一

/*Oceanwp商店頁面 圖片*/
ul.products.oceanwp-row.clr.grid img{
  max-width: 800px;
  max-height: 800px;
  height: 100%;
  width: 100%;
  vertical-align: middle;
} 

Oceanwp使用社群登入時 大頭貼顯示不正常

/*社群登入圖片調整*/
.woocommerce-MyAccount-tabs .oceanwp-user-profile .image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 50%;
}

移除OceanWP 放大鏡/燈箱/商品圖庫 效果

//移除OceanWP 放大鏡/燈箱/商品圖庫 效果
function wc_remove_image_effect_support() {

    remove_theme_support( 'wc-product-gallery-zoom' );
    remove_theme_support( 'wc-product-gallery-lightbox' );
    remove_theme_support( 'wc-product-gallery-slider' );

}
add_action( 'after_setup_theme', 'wc_remove_image_effect_support', 100 );