[Resolved] Create and Edit WooCommerce products with Toolset Forms (Former Toolset CRED)

[Author]

Posts

[jackO]

Tell us what you are trying to do?

I am creating a multivendor shop using WC marketplace plugin.
This WC marketplace have their own dashboard

I want to create a add product and also edit with my own custom fields

And if there is a way do add this as a shortcode, i can call this in the WC marketplace vendor dashboard page

If there is not shortcode. i will have to add each file at a time. Do let me know about it

thank you very much

Is there any documentation that you are following?
Not yet

Is there a similar example that we can see?

What is the link to your site?
hidden link
This is a staging site

[Beda]

I don't understand the request.

Can you elaborate on the steps you take, what you expect to see, and what you see instead?

Eventually, a screenshot can help.

If you prefer to receive support in another language let me know, we have almost every tongue represented.

If you plan to display Fields, Contents, etc with ShortCodes, you can refer to this DOC here:
https://toolset.com/documentation/user-guides/views-shortcodes/

[jackO]

Hi,

Thank you for the earlier feedback.

The steps i have taken is creating the new custom field for my products.
My next step is creating the form for this where user can add new products with the new fields

Then i will like to put this in dashboard page. Please refer to attachment.

Thank you

[Beda]

CRED forms can be used only limitedly to create or edit WooCommerce products.
Please read more about this here:
https://toolset.com/documentation/user-guides/creating-woocommerce-products-using-cred-forms/

CRED Form themselves can be inserted anywhere on your website (on the Front End) by using the GUI "CRED Form" that appears in any Text Editor.
The exact syntax of the ShortCode to display a Create Post Form is shown here:
https://toolset.com/documentation/user-guides/creating-cred-forms/

Edit forms are more complex, they usually require eventually also Views:
https://toolset.com/documentation/user-guides/displaying-cred-editing-forms/

However, these forms are not intended to work in the Backend.
Even if you may be able to add a ShortCode to the backend and render it in the backend somehow, this will not work.

CRED Forms are intended to be shown on the Front End part of the website.

[jackO]

Thanks,

The things i want to do can be summarise is 3 phase

- add product
- display product list (to be edited)
- edit and update

I have successcully done add product. My next step will be display the product in a list, where i can click on the item i want and update it

I am stuck on my 2nd step now. Where i want create a list.
Attach are a sample of a list where product that are added before it's display out.
User will then click on the product to update the details or remove it

For step 2 i will need to
- display product only associated to the vendor (how to create a list display? how to only display product based on user)
- link item to be display
- create a delete button to remove the product on list.

Kindlly assist.. thank you

[jackO]

Hi,

I have manage to create add product page
then i have also successfuly create product display page with edit link and delete link.

I am not sure why buy my edit link is not working where is should bring user to the edit prdouct form page but it didnt.

I will like assistance in correctly link the edit to my edit form.
Then displaying only user created product on the the display list

This is my product display page
hidden link

My edit link dont load the edit form

kindly assist and give your thoughts

[Beda]

My next step will display the product in a list, where I can click on the item I want and update it

This is already available on the backend when you edit Products.

If you want this on the Front End, you create a View and query your post type (products).
Then, in the View Loop, you insert a CRED Edit Form, or a CRED Edit Link:
https://toolset.com/documentation/user-guides/displaying-cred-editing-forms/

Then, this View will be inserted into a Page, and when you view that Page, you will see a List of Products that you can edit with the CRED Edit Links.
If you want to limit the list to products of some user, for example, you can do that in the Query Filter Section of the View.
https://toolset.com/documentation/user-guides/filtering-views-query-by-author/

CRED Delete Buttons can be inserted directly as well, using the CRED Forms GUI which appears in every Text Editor, also in the View Loop (where you will insert it to have this delete button in a list of posts).

Please read this DOC carefully for CRED Edit Links:
https://toolset.com/documentation/user-guides/displaying-cred-editing-forms/

It involves the creation of at least a Content Template, where you insert the actual form.
The, from within the Views and Fields GUI you choose the "CRED Edit Link".
There you will be asked to set the previously created Content Template, so to load the correct form on click of the link.

Please let me know if there are any doubts left.

[jackO]

Hi,

I create a add page
hidden link

a dispaly product page
hidden link

But when i click the edit product page link. It dont show the edit product page that i created

[Beda]

I do not see any Edit Links on the page here:
hidden link

To add a CRED Edit link you need to create a CRED Edit Form, then insert this in a Content Template, and with "Views and Fields" button, you can then insert a "CRED Edit Link" which points to that Content Template.
https://toolset.com/documentation/user-guides/displaying-cred-editing-forms/

I can show you how, on an example post type and example CRED form, in your site you link above if you wish, but for this, I need first permission from you to create example posts, content templates and front-end posts to see.

I already have your log in data.

[jackO]

Hi,

I have manage to create CRED form to edit product info. But the 'feature image' cannot be edited.
Kindly look at the attached. It only show display

You have my permission to make changes on the site.

This is my post form
[credform class='cred-form cred-keep-original']

[cred_field field='form_messages' value='' class='alert alert-warning']

<div class="form-group">
<label>Photo (200px * 200px)</label>
[cred_field field='_featured_image' value='' urlparam='' output='bootstrap']
</div>

<div class="form-group">
<label>Name of Product</label>
[cred_field field='post_title' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Product Description (30 words)</label>
[cred_field field='post_excerpt' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Key Highlights 1</label>
[cred_field field='hightlight-1' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Key Highlights 2</label>
[cred_field field='highlight-2' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Key Highlights 3</label>
[cred_field field='highlight-3' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Weight Per Unit(g)</label>
[cred_field field='weight' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>No of Units Per Carton</label>
[cred_field field='no-of-units-per-carton' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Weight Per Carton (kg)</label>
[cred_field field='weight-per-carton-kg' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Discount (%)</label>
[cred_field field='discount' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>MOQ (kg)</label>
[cred_field field='moq' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Lead Time (days)</label>
[cred_field field='lead-time' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Price per Unit (RM)</label>
[cred_field field='pricing' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Price per Carton (RM)</label>
[cred_field field='price-per-carton-rm' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Dimension of Carton</label>
[cred_field field='dimension' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Sales Price</label>
[cred_field field='sales-price' post='product' value='' urlparam='' class='form-control' output='bootstrap']
</div>

<div class="form-group">
<label>Product categories</label>
[cred_field field='product_cat' display='checkbox' output='bootstrap']
[cred_field field='product_cat_add_new' taxonomy='product_cat' type='add_new']
</div>

<div class="form-group">
<label>Tags</label>
[cred_field field='product_type' class='form-control' output='bootstrap']
[cred_field field='product_type_popular' taxonomy='product_type' type='show_popular']
</div>

[cred_field field='form_submit' value='Submit' urlparam='' class='btn btn-primary btn-lg' output='bootstrap']

[/credform]

Thank you.

[Beda]

As stated earlier, WooCommerce Products and CRED Forms are only limitedly integrated:
https://toolset.com/documentation/user-guides/creating-woocommerce-products-using-cred-forms/

Please read that carefully as otherwise, you will stumble over limitations.

The CRED Form you use is not correctly coded.
Please use the AutoGenerate button to create the form if you are not familiar with CRED ShortCodes and the HTML.

It seems to me that the ShortCodes in that form are wrong.

For example, it says
[cred_field field='featured-image-2' post='product' value='' urlparam='' output='bootstrap']
instead of
[cred_field field='_featured_image' post='product' value='' urlparam='' output='bootstrap']

This should be corrected if you autogenerate the form.

Can I suggest to create a fresh form and click "autogenerate"?

If then this does not work please let me know which of the several fields you refer to.

[jackO]

Hi,

Thanks for the feedback.. but it still dont work for me. the image cannot be edited
The form is actually build using autogenerate in the beginning.

I am still puzzled and cant seem to work it out.
Can you give a hand?

The field i am referring it the feature image for product. This is the product image to display.

Thank you very much

[Beda]

Product Images, Custom Fields Images and Featured Image are not the same.

I made an example on your site, but I needed to create a new product, a new form, a new layout and un-assign the Content Template and layouts that you assigned to products in mixed formats.
hidden link
hidden link
hidden link

I added a Product Image and filled the mandatory fields on the new Product.
Then I inserted the CRED Edit form the Product and when I view it, I can edit the pictures.

The issue on your CRED form is that the Fields are manually manipulated, they seem not autogenerated.
If you analyse them, you will see the differences in the Slugs of the fields.

In any case, I think with this new form, you should be good to go?

[jackO]

Hi,

Thank you for assisting on the products. I got it working. It seem that my CSS accidentally hide the edting part. My bad.

i have another question.

I am working on a creating user form. I have succesfully create the add user form.
The next step will be displaying the user list fliter by the author who created it.

This is very different then product it seems. I cant find anyfliter to it.

Can you assist?

New threads created by Beda and linked to this one are listed below:

https://toolset.com/forums/topic/displaying-the-user-list-fliter-by-the-author-who-created-it/

[Beda]

Great, then let's close this ticket.

I have split your next question here:
https://toolset.com/forums/topic/displaying-the-user-list-fliter-by-the-author-who-created-it/