כדי להוסיף אייקונים תפורים אישית לסרגל הפעולה (Action Bar) – יש לערוך את התבנית (עיצוב > עריכת תבנית), בקובץ includes > include-slogan.php, יש להוסיף את הקוד הבא מיד אחרי הקוד:

<ul class="contact_details">

כך, לפני תגית ה-php (סביבות שורה 12) –

<a class="actionicon" href="#"><img src="#" /></a>
<a class="actionicon" href="#"><img src="#" /></a>

כאשר יש להחליף את ה-# בקישורי התמונות של האייקונים והכתובות שאליהן האייקונים מובילים.

יש להוסיף את קוד ה-CSS הבא לסגנון:

a.actionicon {
 position:relative;
 top:8px;
 padding-right:5px;
}

אייקון עגלת קניות + מספר הפריטים בעגלה

אם אחד מהאייקונים זו עגלת הקניות ונרצה להציג את כמות הפריטים בעגלה, יש להוסיף את הקוד הבא אחרי ההערות ולפני ה-?>:

global $woocommerce;
$no_items = ($woocommerce->cart->cart_contents_count == 0);

ואז יש להשתמש בקוד הבא ולשים אותו אחרי תגית ה-php (סביב שורה 14):

 echo '<div class="wrp '; 
 if ($no_items) { echo 'noitems'; }
 echo '"><a id="header_cart" href="' . esc_url(wc_get_cart_url()) . '"></a></div>';

הקוד הזה מציג את העגלה בצורה הנכונה ביותר התואמת לבסיס BeTheme.

–

להלן קוד ה-CSS לסגנון אייקון עגלת הקניות (תפור אישית) וכמות הפריטים בעגלה / העלמת מספר הפריטים אם אין בעגלה:

.wrp {
 display:inline;
}
.wrp.noitems span {
 display:none !important;
}
a#header_cart {
 position:relative;
}
a#header_cart span {
 display:block;
 width:20px;
 height:20px;
 font-size:16px;
 line-height:22px;
 color:#8b3580;
 background-color:white;
 text-align:center;
 border-radius:20px;
 position:absolute;
 top:9px;
 left:-10px;
}
a#header_cart i:before {
 position:relative;
 top:8px;
 width:30px;
 height:30px;
 content:'';
 background-image:url('http://www.nglshop.co.il/wp-content/uploads/2020/10/Icon03.png')
}

קישורים נפוצים

קישור לכניסת לקוחות – http://www.clientsite.co.il/login
(אם זה משהו שהלקוח מבקש, אז כדאי להגדיר את הלוגו של הלקוח בכניסה לאזור הניהול)
קישור לעגלת הקניות – http://www.clientsite.co.il/עגלת-הקניות/

x
סייען נגישות