הוספת אייקון מעל לכותרת פורטפוליו
הוראות:
- להעלות לספריית מדייה את האייקון, בפורמט png (רקע שקוף).
- להעתיק את הקוד ולהכניס ב-css מותאם של הווידג’ט פורטפוליו.
- להחליף בקוד את כתובת התמונה בכתובת התמונה של האייקון.
- אפשר לשנות את ה”50px” לגדול הרצוי
.elementor-portfolio-item__title:before{
content: ".";
position: absolute;
left: 50%;
top: 100px;
transform: translatex(-50%);
color: transparent;
display: block;
background-image: url("https://studio-push.co.il/wp-content/uploads/2022/06/Group-2.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
z-index: 1;
background-color: #000;
border-radius: 20PX;
width: 30px;
height: 30px;
padding: 0px;
transition: 0.5s;
}
.elementor-portfolio-item__title:hover:before{
transform: translatex(-50%) rotate(90deg);
}
הפנייה לעמוד אחר הוספה לסל עם js
הוראות:
- לגרור ווידג’ט html בעמודים הרלוונטים (אפשר בטמפלט של כל העמודים הנ”ל).
- להכניס שם את הקוד הבא בין התגיות script
- להחליף את הקישור שבקוד לקישור הנכון לעמוד התשלום
jQuery(document).ready(function(){
jQuery( document.body ).on( 'added_to_cart', function(){
location.href = "https://website.com/checkout/";
});
});
אפשרות נוספת לשנות את הקישור שבסל קניות שקופץ אחרי ההוספה לסל, עם הקוד הבא
(להכניס בין התגיות script, ולשנות את הקישור כנ”ל)
var roniRedirect = document.querySelector(".xt_woofc-checkout");
roniRedirect.setAttribute('href', 'https://website.com/checkout/');
בעת מעבר עכבר על אזור מסויים, העמוד יגלל לראש העמוד
הוראות:
- יש לתת לאזור את הקלאס scroll-to-top
- לגרור ווידג’ט מסוג html לתחתית העמוד,
ולהכניס שם את הקוד הבא בין התגיות script
jQuery(document).ready(function( $ ){
$(.scroll-to-top').hover(function() {
$('html,body').animate({ scrollTop: 0 }, 'slow');
});
});
