Skip to content

Instantly share code, notes, and snippets.

Avatar

JetSloth jetsloth

View GitHub Profile
@jetsloth
jetsloth / wc-toggle-gfpa-collapsible.html
Created Jul 29, 2021
Toggle the WooCommerce elements (subtotal, total, quantity and add to cart) based on whether the last Collapsible Section is open or not. For use with WooCommerce Gravity Forms Product Addons and Collapsible Sections. The code below can be added to a HTML field in your form.
View wc-toggle-gfpa-collapsible.html
<script type="text/javascript">
(function($){
function toggleAddToCart( $form, show ) {
if ( typeof $form === 'undefined' || !$form.length ) {
return;
}
if ( show !== true ) {
show = false;
View image_choices_basic_product_configurator.html
<script type="text/javascript">
(function($){
$(document).bind('gform_post_render', function(e, formId, currentFormPage) {
var $form = $('#gform_' + formId);
if ($form.data('configurator-init') === true) {
return;
}
@jetsloth
jetsloth / image_choices_horizontal_scroll.html
Last active Jun 29, 2021
Create a horizontal scrolling container (with a scrolling bar) to display all image choices on a single line. You can add a HTML field to your form and put this script as its content
View image_choices_horizontal_scroll.html
<script type="text/javascript">
(function($){
function scrollableImageChoices( formId ) {
var $fields = ( typeof formId !== 'undefined') ? $('#gform_' + formId + ' .image-choices-field') : $('form[id^="gform_"] .image-choices-field');
if (!$fields.length) {
return;
}
$fields.each(function(){
var $field = $(this);
@jetsloth
jetsloth / gform_format_option_label.html
Last active Jun 10, 2021
Using gform_format_option_label together with Image Choices
View gform_format_option_label.html
<script type="text/javascript">
window.gform_format_option_label_original = window.gform_format_option_label;
window.gform_format_option_label = function(fullLabel, fieldLabel, priceLabel, selectedPrice, price, formId, fieldId, index) {
// Update any of the variables to format, Eg;
// priceLabel = "";
return window.gform_format_option_label_original(fullLabel, fieldLabel, priceLabel, selectedPrice, price, formId, fieldId, index);
};
</script>
@jetsloth
jetsloth / gfic_choice_price_filter.html
Created Jun 5, 2021
Using JetSloth's gfic_choice_price filter to hide the price label in option fields
View gfic_choice_price_filter.html
<script type="text/javascript">
window.jetsloth_add_filter('gfic_choice_price', function(priceLabel, selectedPrice, price, formId, fieldId, index){
return '';
});
</script>
@jetsloth
jetsloth / gform_set_post_meta_to_image_choices_urls.php
Last active May 25, 2021
Set the post meta field to selected image choices URL
View gform_set_post_meta_to_image_choices_urls.php
<?php
add_filter( 'gform_post_data', 'gform_set_post_meta_to_image_choices_urls', 10, 3 );
function gform_set_post_meta_to_image_choices_urls( $post_data, $form, $entry ) {
foreach( $form['fields'] as $field ) {
$value = RGFormsModel::get_lead_field_value( $entry, $field );
if ( $field->type != 'post_custom_field' || !property_exists($field, 'postCustomFieldName') || empty($field->postCustomFieldName) || !property_exists($field, 'imageChoices_enableImages') || empty($field->imageChoices_enableImages) || !isset($post_data['post_custom_fields'][$field->postCustomFieldName]) ) {
// if it's not a custom field, doesn't use image choices, or no custom field name configured, skip
@jetsloth
jetsloth / gpecf_image_choices_custom_order_sumary_markup.php
Last active May 7, 2021
Gravity Perks eCommerce Fields Order Summary markup customised to include Image Choices display
View gpecf_image_choices_custom_order_sumary_markup.php
<?php
add_filter( 'gpecf_order_sumary_markup', 'get_custom_order_summary_markup', 10, 6 );
function get_custom_order_summary_markup( $markup, $order, $form, $entry, $order_summary, $labels ) {
ob_start();
$form_id = rgar($form, "id");
?>
<table class="gpecf-order-summary" cellspacing="0" width="100%" style="<?php gp_ecommerce_fields()->style( '.order-summary' ); ?>">
<thead>
<tr>
View image_choices_clean-style.css
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
/*To get the produc options fields working, you need to add a product field. */
/*However we don't want to show that in this example so lets hide it with CSS.*/
.hidden {
display: none;
visibility: hidden;
pointer-events: none;
}
/*Dark field lables*/
.top_label label.gfield_label {
@jetsloth
jetsloth / clean.css
Created Mar 2, 2021
Image Choices Clean Style Demo
View clean.css
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
/*To get the produc options fields working, you need to add a product field. */
/*However we don't want to show that in this example so lets hide it with CSS.*/
.hidden {
display: none;
visibility: hidden;
pointer-events: none;
}
/*Background Wrapper*/
.gform_wrapper {
@jetsloth
jetsloth / gppa_input_image_choices.php
Created Oct 27, 2020
Filter Gravity Wiz Populate Anything to add Image Choices from post featured image
View gppa_input_image_choices.php
<?php
add_filter( "gppa_input_choices", "gppa_populate_featured_image_choices", 100, 3 );
function gppa_populate_featured_image_choices( $choices, $field, $objects ) {
if ( ! property_exists($field, 'imageChoices_enableImages') || ! $field->imageChoices_enableImages ) {
return $choices;
}
$i = 0;