Skip to main content

Documentation for JoomShopping / YOOtheme Pro Integration Forms

JoomShopping uses several types of forms, which also need to be taken into account when creating a template.

For simplicity, in the settings (the "Advanced" tab) of a row or column of the designer, there is an option "JoomShopping form". It changes the HTML tag div to form, adds hidden fields and substitutes the necessary attributes for the correct functioning of the form if the option "Add standard form attributes and hidden form fields" is selected.

All values of the form attributes can be found in the variables of a particular page.

Standard forms

  • Product buy. To add to cart or to favorites on the product page. Attributes, quantity of added products, "Add to cart" and "Add to wishlist" buttons should be inside this form.
  • Product add review. To add a review to the product. The fields of name, email, comment text, rating, form submit button and other fields provided by extensions should be inside this form.
  • Products filters. To filter products in lists by parameters and sort. There are 2 forms to choose from depending on your needs.
  • Search. For advanced search of JoomShopping by keyword and parameters. Accordingly, all fields (including characteristics) and the search start button should be placed inside the form.
  • Cart reload. Install this form if the cart has an input of quantity of goods. It is necessary to wrap all goods in the cart with it (once).
  • Dicsount code. Wrap the text field of the coupon input and the confirmation button.
  • Checkout address/contacts. All fields on the page of entering data about the buyer and the recipient of the order, as well as the "Next" button should be inside this form. Step 2.
  • Checkout payments. All payment options and the Next button should be inside this form. Step 3.
  • Checkout shippingy. All delivery options and the Next button should be inside this form. Step 4.
  • Checkout confirm. The field for adding a comment to the order and the Confirm Order button should be wrapped by this form. Step 5.
  • User edit. All user data editing fields and the confirm button should be inside this form.
  • User login. The login and password fields and the login button should be in this form.
  • User register. User registration data fields and a button – in this form.

Important! One form cannot be inside another.

Some plugins add their fields to forms, writing them to TMP group variables. Don't forget to display them inside the form.