Qubadi

Video Tutorials here:
https://www.youtube.com/watch?v=hJhc90ETv0A

// Enqueue scripts and styles for the 'car' custom post type
add_action('admin_enqueue_scripts', 'enqueue_car_sortable_script_and_style');
function enqueue_car_sortable_script_and_style($hook) {
    global $typenow;
    if ($typenow == 'car') {
        wp_enqueue_script('jquery-ui-sortable');
        wp_localize_script('jquery-ui-sortable', 'car_sortable', array(

Qubadi

Youtube tutorials:
https://www.youtube.com/watch?v=W6j36I57xgo
__________________________________________________

CSS Code For Download button:
/* Style for Download PDF link */
.YOUR CLASSNAME {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;

Qubadi

Youtube Tutorials:
https://www.youtube.com/watch?v=-wezi647qos&ab_channel=HeskeAgencydev

________________________________________________________

// Add Dashboard Widget for Custom Post Types
add_action('wp_dashboard_setup', 'custom_cpt_dashboard_widget');
function custom_cpt_dashboard_widget() {
    wp_add_dashboard_widget('custom_cpt_dashboard_widget', 'Manage Custom Post Types', 'custom_cpt_dashboard_widget_display');
}

Qubadi

See tutorials here: https://www.youtube.com/watch?v=45TU3kpnlqk&t=2s
________________________________________________

// Customize the time slot format for JetAppointment.
// This filter modifies the format of time slots to display only the start time.
add_filter( 'jet-apb/time-slots/slots-html/slot-time-format', function( $format ) {
    $format = '%4$s';
    return $format;
} );

Qubadi

See the tutorials here: https://www.youtube.com/watch?v=E3e0kLLb7sU
_____________________________________________


/* Base style for the gallery */
.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

Qubadi

UPDATED: 07.05.2024

Jetformbuilder, Datefield, Disable Past Dates.
1. Copy the code, and create a JS Snippet , and paste the code to your snippet plugin, and save it as header / footer.
2. Then create a date field, and click block, then scroll down to advanced, add your classname there.
3. Dont forget to add the classnames to: input.ADD YOUR CLASSNAME HERE.jet-form-builder__field.date-field
its three places you have to add the classname to.
4. This code support multiple date fields and you can use the same classname.
_____________________________________________________________________

Qubadi

We have developed a custom JavaScript code for JetSmartFilters Date Range Picker that automatically sets today's and tomorrow's dates.
Copy the code and paste in to your snippet plugins ( JS snippet )
Note: Monthnames can be changed to your language.





// Function to format date to 'F j, Y'
function formatDate(date) {

Qubadi

Add the code to your snippet plugins, and create a new HTML snippet then add ( paste ) the code there and save it.
____________________________________________________________


<style>
/* CSS for Progress Bar */
.progress-bar-container {
    display: none; /* Initially hide the progress bar container */
    width: 100%;
    background-color: #eee;

Qubadi

Add the code to your snippet plugins, and create a new HTML snippet then add ( paste ) the code there and save it.
____________________________________________________________



<style>
/* CSS for Progress Bar */
.progress-bar-container {
    display: none; /* Initially hide the progress bar container */
    width: 100%;

Qubadi

UPDATED: 01.02.2025
1. We've enhanced the JetFormBuilder with a refined custom code, improving both style and functionality for file selection. The latest
update introduces support for the repeater field's media capabilities, offering a more streamlined and efficient user experience for
handling multiple files within forms.

2. Copy this code, create a new HTML snippet, and paste it into your snippet plugin. Save it as a header or footer.
__________________________________________
See the youtube tutorials here ( OLD ):
https://youtu.be/lOghzLiR73Q?si=DbNNcCkKzkv_mAQl
__________________________________________