HTML 在WP电子商务中创建一个HEADER MINI-CART - 第1部分

Posted 2021-05-24

<!--start header-cart-->
 <div id=""><a href="http://example.com/products-page/checkout/">
   <!-- name the class anything you like -->  <span class="ge-count">
              <? if (function_exists('wpsc_cart_item_count')) { // checks to see if this function exists
                  if (wpsc_cart_item_count() == 0 || isset($_GET['sessionid'])) { // checks if count is zero or sessionid is set
                      echo "Shopping cart is empty";
                  }  
   elseif (wpsc_cart_item_count() == 1 || isset($_GET['sessionid'])) { // checks if count is one or sessionid is set
                      echo wpsc_cart_item_count(); // this is the function that checks the item count in your cart
   ?>
            item in cart
 <?
                  } else
   { 
                      echo wpsc_cart_item_count();  
   ?>
            items in cart
 <?    } 
              } ?> 
          </span></a>
    
</div><!--close header-cart-->

在WP电子商务中创建一个标题迷你购物车-第2部分

CREATE A HEADER MINI-CART IN WP E-COMMERCE - Part 2

#ge-header-cart a {}
.ge-count{
/* PUT THE MINI-CART TO THE RIGHT OF THE LOGO */
display: block;
padding: 70px 0px 10px 690px;
text-align: left;
color: #FF8C00;
text-shadow: 1px 1px 0 
rgba(0, 0, 0, 0.8);
/* BELOW IS THE SHOPPING CART ICON/IMAGE */
 
background: url(http://example.com/wp-content/uploads/2012/07/ico-cart.png) no-repeat ;
/* POSITION THE IMAGE TO THE LEFT OF THE TEXT */
background-position: 70% 85%;
}