Skip Navigation

[Resolved] CRED repeating image fields – gallery. Woo and non-woo

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to allow my site users to upload images and create a product image gallery when they create a new Product using CRED. I would rather not show the custom fields in the Product editing screen.

Solution: Create a repeating image custom field and apply that field to the Product post type. Create a CRED form that will create new Products. Auto-generate the form so your custom repeated image input is added. Use the cred_save_data hook to capture the images uploaded with CRED, and determine the image IDs using the post guid and image URLs. Generate a comma-separated list of IDs, and store that list in the _product_image_gallery meta field of the new Product.

add_action('cred_save_data', 'cred_product_gallery_action',10,2);
function cred_product_gallery_action($post_id, $form_data)
{
    global $wpdb;
    // if a specific form
    if ($form_data['id']==69)
    {
        if (isset($_POST['wpcf-product-gallery-image-cred']))
        {
           $list_ids = array();
            foreach($_POST['wpcf-product-gallery-image-cred'] as $url) {
              $item_id = $wpdb->get_col($wpdb->prepare("SELECT ID FROM $wpdb->posts WHERE guid='%s';", $url ));
              $list_ids[] = $item_id[0];
            }
            update_post_meta($post_id, '_product_image_gallery', implode($list_ids,','));
            delete_post_meta($post_id, 'wpcf-product-gallery-image-cred');
        }
    }
}

You may twirl the custom field section closed in the Product editing screen, or you can hide it completely from the admin area using the Screen Options tab in the top right corner of the admin screen.

Relevant Documentation: https://toolset.com/documentation/programmer-reference/cred-api/#cred_save_data

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 9 replies, has 2 voices.

Last updated by Christian Cox 3 years, 9 months ago.

Assigned support staff: Christian Cox.

Author
Posts
#553018

hi, i need to add image gallery option in cred forms (adding and editing). One project (what we'll discuss here) are woo product image galleries, the other project is not via woocommerce.

I stumbled upon this https://toolset.com/documentation/user-guides/creating-woocommerce-products-using-cred-forms/ and that explains about everything in detail on everything possible, except, you guessed it, image galleries. It says that you can do it, and that's it?...
I also read https://toolset.com/forums/topic/how-to-set-woocommerce-product-gallery-with-cred/ but there's no details whatsoever.

How to handle the cred hook? There's full info on similar issue for downloadable products, but not for this.

I already tried via registering and that leaves me with 1 upload field that is not repeatable.

I already started with what Luo wrote: I suggest you create a custom repeating image field. Put it into your CRED form for user to submit images, after user submit the form, use action hook cred_save_data to store them as "Product Gallery"
--> when i create custom repeating field, i need to connect it to 'products'? Than it will show in the admin product pages as a new field and that's not what we need. How to do this step by step?
And then: after user submit the form, use action hook cred_save_data to store them as "Product Gallery" --> how, what, where??

I think I rather follow the other path 'Product Gallery needs to be handled using a CRED hook', but also here, due to lack on any further details: what, when, where??

Thanks for your kind help!

#553102

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Hi, I will try to clarify this a bit for you.

When i create custom repeating field, i need to connect it to 'products'? Than it will show in the admin product pages as a new field and that's not what we need.
This is the best way to achieve what you want on the CRED form. In order to add a repeating image field on the CRED form, you must add a repeating image custom field to the Products post type. There is no repeating generic image field. If you do not want to show the fields in the product editor, you can collapse the post field group. If you find the field contents confusing in the product editor, you could delete the images from the custom fields programmatically at the same time you move them into an image gallery using the cred_save_data hook. Please let me know your thoughts on this, and if you feel like this is an acceptable approach.

After user submit the form, use action hook cred_save_data to store them as "Product Gallery" --> how, what, where??
The details of how this works depend on your answer to the first question. The general documentation for using the cred_save_data hook can be found here:
https://toolset.com/documentation/programmer-reference/cred-api/#cred_save_data
Click the "More" button for real-world code samples. You can see how the hook is used to access information from the form and use that information to perform other tasks. This information is intended for users with general programming and PHP knowledge, but we are available to assist if you are not experienced.

I think I rather follow the other path 'Product Gallery needs to be handled using a CRED hook'
There is only one path - cred_save_data is a CRED hook. You can use the cred_save_data hook to capture information about the images that are uploaded in your repeated custom fields, and use that information to update the new Product post. This is when you will define Product Gallery images.

#553129

Hi Christian,
ok i can make that custom repeating field and connect it to products, and i'll try to find how to hide it from the backend admin when editing or creating non-cred products (to keep it simple for the customer who'll manage this)
So, that means that when a product is created via cred, the images will be seen on 'that' place instead of the default image gallery place, and via some hook action they will be moved to the default place (that will happen directly or do i need to trigger that action somehow by hand?)

I saw the hook documentation, this php will normally go into functions.php? You guessed corectly that my minimal PHP knowlegde won't be sufficient to rewrite it to that what we'll need ????

Thanks a lot for your help!
(ps in woocommerce settings -> API --> webhooks: should i do add this here as well, or is that something totally different? )

#553211

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

So, that means that when a product is created via cred, the images will be seen on 'that' place instead of the default image gallery place
It won't really be seen in the custom field. The code that moves images from the custom field into an image gallery will happen before the product page can be loaded in the admin area.

...and via some hook action they will be moved to the default place
Right, you will place code in the cred_save_data hook callback function that will cause this to happen right after the new product is created. It will happen so fast you will not be able to load the product page in wp-admin before the images are moved from the custom fields and into the product image gallery.

I saw the hook documentation, this php will normally go into functions.php?
Yes, you will add PHP code to functions.php, preferably in a child theme. You should not directly modify a theme's functions.php file. More info about that:
https://codex.wordpress.org/Child_Themes

woocommerce settings -> API --> webhooks: should i do add this here as well
No, that is unrelated to what we're working on. Nothing needed there.

Let me know when you need my assistance. I'll need you to create the CRED form and get that working before I can start writing code for the hook.

#553218

You're golden, Christian!
I have it ready, you probably need all access info, so i'll post it in the private reply next.
Thanks a lot!

#553535

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Private reply enabled here.

#553606

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Hi, to answer your question:
when i click a native taxonomy (non-toolset) such as 'product brands' or 'product categories', i get a 'Wrong Taxonomy specified.' error. Is this normal?
This is normal for any taxonomy that is not registered as a public taxonomy. WooCommerce's Product Categories and Product Tags are not public, so Types cannot modify them.

I'm checking out the other issue now, please standby.

#553621

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Please add the following code to your theme's functions.php file:

/**
 * Create product image gallery during CRED submission
 *
 */
add_action('cred_save_data', 'cred_product_gallery_action',10,2);
function cred_product_gallery_action($post_id, $form_data)
{
    global $wpdb;
    // if a specific form
    if ($form_data['id']==69)
    {
        if (isset($_POST['wpcf-product-gallery-image-cred']))
        {
           $list_ids = array();
            foreach($_POST['wpcf-product-gallery-image-cred'] as $url) {
              $item_id = $wpdb->get_col($wpdb->prepare("SELECT ID FROM $wpdb->posts WHERE guid='%s';", $url ));
              $list_ids[] = $item_id[0];
            }
            update_post_meta($post_id, '_product_image_gallery', implode($list_ids,','));
            delete_post_meta($post_id, 'wpcf-product-gallery-image-cred');
        }
    }
}

Then give it a rip and let me know how it goes.

#553629

Wonderful work Christian, thanks a million! Just perfect! 🙂

#553640

Christian Cox
Supporter

Languages: English (English )

Timezone: America/New_York (GMT-04:00)

Great - one more thing I should mention. In the Product editing screen, in the top right corner, click "Screen Options". You will find the ability to turn on and off individual post field groups here. This will help clean up your admin editor, but will leave the fields in place in the database.