技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


背景圖片漸層 css 語法

.header-background, .other-header {
background-image: linear-gradient(#0093E9, #94c8e7);
linear-gradient(to bottom, #0093E9, #94c8e7);
linear-gradient(180deg,#0093E9, #94c8e7);
linear-gradient(to top, #94c8e7, #0093E9);
linear-gradient(to bottom, #0093E9 0%, #94c8e7 100%);
  background-size: cover;
    background-position: top center !important;
    height: 300px;
}
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

如何改變 wordpress 主內容及側邊欄大小 及側邊欄靠左靠右 爬了很多文章都沒有明確敘述 後來就自己研究 粗淺內容供各位前輩參考

首先要在附加的 CSS添加內容,才不會影響主題內容

話不多說:
要先決定主內容及側邊欄的大小
一般在桌上型電腦都以px為依據
比如你要側邊欄250px 然後再測試主內容多少px才不會蓋掉側邊欄 
比如900px就剛好不會蓋掉一點側邊欄就可以了
也可以用%百分比 區分主內容及側邊欄
但手機螢幕比如380px或680PX... 那麼內容及側邊欄的寬度均要設成100% 如下面的css 
至於內容及側邊欄的名稱視各佈景主題版型而定
@media (max-width:380px) {
#primary, .home.blog #primary {
    float: left;
    width: 100%;
}

#secondary, .home.blog #secondary {
    float: right;
    width: 100%
}
}

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~ 

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

wordpresse購物車 將產品搜尋置於導覽列語法



選到佈景主題編輯header.php 找到這段語法
<div id="navbar-collapse-1" class="navbar-collapse collapse navbar-<?php echo is_rtl() ? 'right' :'left'; if ($awada_theme_options['logo_layout']=='right'){ echo 'style="float:right;"'; } ?>"  >

在此語法下面加上下面語法
<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php esc_html_e( 'Search for:', 'woocommerce' ); ?></label>
<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field" placeholder="<?php echo esc_attr__( 'Search products&hellip;', 'woocommerce' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
<button type="submit"  style="font-size: 16px;padding:10px;position: absolute;right: -15px !important;top: 10px;z-index: 99;" value="<?php echo esc_attr_x( 'Search', 'submit button', 'woocommerce' ); ?>"  ><?php echo esc_html_x( 'Search', 'submit button', 'woocommerce' ); ?></button>
<input type="hidden" name="post_type" value="product" />
</form>


~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

wordpresse購物車woocommerce 價格隱藏 將加入購物車改成加入詢價單 下單購買改成送出詢價單


價格隱藏
<style>
.woocommerce-Price-amount {
display:none
}
.woocommerce-info{
display:none;
}
.woocommerce ul.products li.product .price {
    color: #252625;
    display: none;
}

</style>

plugins/woocommerce/templates/single-product/add-to-cart/simple.php
加入購物車改成加入詢價單(產品頁面)

plugins/woocommerce/templates/cart/cart.php
更新購物車改成更新詢價單

plugins/woocommerce/templates/notices
詢價單已更新

plugins/woocommerce/templates/cart/cart-totals.php
購物車總計改成詢價單總計

plugins/woocommerce/templates/cart/proceed-to-checkout-button.php
前往結帳改成前往詢價


plugins/woocommerce/templates/single-product/add-to-cart/variation-add-to-cart-button.php
多重選項產品業面,加入購物車改成加入詢價單

plugins/woocommerce/templates/checkout/form-checkout.php
下單購買改成送出詢價單,程式碼如下
<form name="checkout" method="post" class="checkout woocommerce-checkout" action="<?php echo esc_url( wc_get_checkout_url() ); ?>" enctype="multipart/form-data">

<?php if ( $checkout->get_checkout_fields() ) : ?>

<?php do_action( 'woocommerce_checkout_before_customer_details' ); ?>

<div class="col2-set" id="customer_details">
<div class="col-1">
<?php do_action( 'woocommerce_checkout_billing' ); ?>
</div>

<div class="col-2">
<?php do_action( 'woocommerce_checkout_shipping' ); ?>
</div>
</div>

<?php do_action( 'woocommerce_checkout_after_customer_details' ); ?>

<?php endif; ?>
<?php do_action( 'woocommerce_checkout_before_order_review_heading' ); ?>
<h3 id="order_review_heading"><?php esc_html_e( 'Your order', 'woocommerce' ); ?></h3>
<?php do_action( 'woocommerce_checkout_before_order_review' ); ?>

<div id="order_review" class="woocommerce-checkout-review-order">
<?php do_action( 'woocommerce_checkout_order_review' ); ?>
</div>
<div style="float:right;margin-top:-75px;">
<button class="button alt0303" type="submit"  name="woocommerce_checkout_place_order" id="place_order" value="下單購買" data-value="下單購買"  style="width:200px;padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px">送出詢價單</button>
</div>
<?php do_action( 'woocommerce_checkout_after_order_review' ); ?>
</form>

若有需要可加入我的line  @ddu2833d  或行動0952916626 與我聯絡


"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...