Skip to content

Instantly share code, notes, and snippets.

View delvinkrasniqi's full-sized avatar
🎯
Focusing

Delvin Krasniqi delvinkrasniqi

🎯
Focusing
View GitHub Profile
/**
* @snippet Add an input field to products - WooCommerce
*/
// -----------------------------------------
// 1. Show custom input field above Add to Cart
<?php
$taxonomy = 'product_categories';
$args = array(
'parent' => 0 // to get only parent terms
);
$terms = get_terms( $taxonomy, $args );
foreach( $terms as $term ) {
$children = get_terms( $taxonomy, array(
'parent' => $term->term_id,
) );
//html
<nav class="navbar navbar-expand-lg navbar-light custom-nav" id="navbari">
//css
.scroll{
background-color: rgba($color: #000000, $alpha: 0.6) !important;
transition: background-color 200ms linear;
}
//script
<?php
/*
Template Name: Contact
*/
?>
<?php
if(isset($_POST['submitted'])) {
if(trim($_POST['contactName']) === '') {
$nameError = 'Please enter your name.';
<div class="container-fluid">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="accordion" id="accordionExample">
<div class="card">
<?php
$args = array(
'post_type' => 'card',
'posts_per_page' => '-1',
);
<script>
var playButton = document.getElementById("play_button");
var playcircle =document.getElementsByClassName(".svg-wrap")
// Event listener for the play/pause button
playButton.addEventListener("click", function() {
if (video.paused == true) {
// Play the video
video.play();
document.getElementById("svg-wrap").style.visibility = "hidden";
<style>
#wrapper{
display: inline-block;
position: relative;
margin: 80px;
cursor: pointer;
width: 25px;
height: 25px;
}
@delvinkrasniqi
delvinkrasniqi / Play Audio on Hover (jQuery & HTML)
Last active February 27, 2020 15:03
Play Audio on Hover (jQuery & HTML & PHP)
<script>
jQuery(function(){
var audio = document.getElementsByTagName("audio")[0];
jQuery('#divid').hover(
function() {
audio.play();
},
function() {
audio.pause()
}
@delvinkrasniqi
delvinkrasniqi / X Hamburger Icon
Last active February 27, 2020 10:58
Menu toggler hamburger(X on close)
<style>
#wrapper{
display: inline-block;
position: relative;
cursor: pointer;
}
.circle{
width: 35px;
height: 35px;
@delvinkrasniqi
delvinkrasniqi / bootstrapslider
Created February 15, 2020 17:39
Bootstrap Custom Post Slider (PHP)
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<?php
$args = array('post_type' => 'slider',
'posts_per_page' => '-1',
);
$slides = new WP_Query( $args );?>
<?php
$i=0;$count = 0; ?>
<ol class="carousel-indicators">
<?php