Issue with Contact Box Send using SobiPro

timpennington

I had this recent issue: https://www.joomlart.com/forums/d/49350-issue-with-using-bootstrap-3-but-you-are-loading-also-bootstrap-5

I thought it was solved, but when I test the problem and fill out the form for the SobiPro component and hit "Send" nothing happens; the page is at https://finishingandcoating.com/index.php/find-a-finisher/3429-pennington-finishing-and-coating#

As you can see in the previously mentioned question/answer I had, the following code was added:

// Click event handler for showing the contact form
$(".field_contact_us").click(function() {
$contactForm.removeClass("fade").addClass("fadein show");
});

// Click event handler for closing the contact form
$(".contactform .close, .contactform .btn-default").click(function() {
$contactForm.removeClass("fadein show").addClass("fade");
});
</script>

That was good to bring up the contact box, but when I fill it out and hit "send" nothing happens; I tried this on Safari and Chrome and same for both.

Any advice?

Thank you

timpennington

Adding 2 images

The send box
The error message from the page

Thanks

timpennington

As an addedum, the SobiPro folks sent me this thought to help solve the issue, which they say is in the Focus template:

This is a snippet which adds Bootstrap3 code. The contact button is compatible with Bootstrap 3, but uses at the moment Bootstrap 5 for whatever reason. The script error with using the old jChoosen plugin, which seems no longer there in Joomla 4 will still be thrown. See attachment in my last post. The error is caused by this script:
<script>
jQuery(document).ready(function (){ jQuery('.advancedSelect').jchosen({"disable_search_threshold":10,"search_contains":true,"allow_single_deselect":true,"placeholder_text_multiple":"Type or select some options","placeholder_text_single":"Select an option","no_results_text":"No results match"});
});

Also, the non-existent file system.css is still loaded by the template. This is what the template guys should fix. But if this works now for you, use it.

PS: If they switched to Cassiopeia, they have to use default7 template with Bootstrap 5 in SobiPro. The Bootstrap version of SobiPro should always be the same as of the Joomla `template!`

I hope you can help me solve this problem

Thank you

saguaros

timpennington Hi

I assigned Cassiopeia template to that menu item page but the button even not work there, could you check with Sobipro folk again?

timpennington

Will do and thank you!

timpennington

The SobiPro people added this bit of advice:

"When you switch to Cassiopeia, you need to use the default7 template, not yours. You need to set the bootstrap version to 5 and need to compile theme.less. Then you need to clear your browser cache."

saguaros

timpennington you need to use the default7 template

This 'default7' is template of SobiPro - you can find it under SobiPro component >> Template manager.

It's template inside this SobiPro component, not the Joomla template like our JA Focus. You should contact them for further assistance 🙂

timpennington

Thank you.

I will check with them.

I appreciate you all working on this.

timpennington

Thank you; this can be closed