Skip to content

Instantly share code, notes, and snippets.

<?php
function jennsup_custom_checkout_product_validation() {
global $woocommerce;
$cart_items = $woocommerce->cart->cart_contents;
$restrict_product_id = 9787; //your restricted product id
foreach ( $cart_items as $key => $item ) {
$product_id = $item['product_id'] == 0 ? $item['variation_id']: $item['product_id'];
$product_qty = $item['quantity'];
if($product_id == $restrict_product_id) {
//Open
jQuery( window ).trigger( {
type: 'jet-popup-open-trigger',
popupData: {
popupId: 'jet-popup-<numeric popup ID>',
}
} );
//Close , just trigger click to match the rules in popup setting
jQuery('#jet-popup-<numeric popup ID> .jet-popup__close-button').click();
#page {
width: 100%;
height: 100%;
background: inherit;
position: absolute;
left: -25px;
right: 0;
top: -25px;
bottom: 0;
/*box-shadow: inset 0 0 0 200px rgba(255,255,255,0.3);*/
var myHtml = '';
$('input[data-name^="ff_repeater_field_name"]').each(function(){
let value = $(this).val();
let position = $(this).attr('data-name').substr( $(this).attr('data-name').length -3, 1);
if (value !== '') {
/*My repeater field only consists of 2 columns, so position 0 = 1st column, 2 = 2nd column*/
if (position == '0') {
myHtml = myHtml + `${escapeHtml(value)}:<br>`;
} else {
/*
* JS snippet to match two fields value as same
* Example: Email and Confirm Email need to be same
* Placement: Place the following code in your form -> Settings & Integrations -> Custom CSS/JS -> Custom Javascript BOX
*/
var $email = $form.find('input[name=email]'); // Name of the first Email Address
var $confirmEmail = $form.find('input[name=confirm_email]'); // Name of the Confirm Email Address
$confirmEmail.on('blur', function() {
.elementor-menu-toggle:focus {
outline: none;
/*outline-color : #aaa;*/
box-shadow: none;
}
@jennlee20
jennlee20 / wordpress-fluentform-stepform-final-step-button-bug.css
Last active November 10, 2022 03:20
fluentform-stepform-final-step-button-bug.css
/*In final step, the button left and right showing as different line in mobile mode.*/
.fluent_form_1 .ff-t-container.ff-inner_submit_container.ff-column-container {
display: flex !important;
justify-content: space-between !important;
}
/*If dropdown field using select2 js and the form height is small, causing the options hidden*/
.fluent_form_1 .choices__list--dropdown.is-active {
z-index: 3 !important;
}
.fluent_form_1 .fluentform-step.active {
overflow: visible !important;
min-height: 80vh !important;
}
@jennlee20
jennlee20 / wordpress-fluentform-javascript-triggers.js
Last active September 11, 2024 11:52
wordpress-fluentform-javascript-triggers.js
$form.on('ff_to_next_page', function(activeStep, form) {
console.log(activeStep);
// You can run your own JS on step change
});
$form.on('ff_to_prev_page', function(activeStep, form) {
console.log(activeStep);
// You can run your own JS on step change
});
<?php
/**
* Only for jet-engine repeater field
* In this example, i want to update repeater meta_field name = company-services
* 3 columns in repeater field _service-image, _service-name, _service-description
*/
//Example value from my fluent form
$value_from_form = array(
array("Service 1","Description 1"),