The Client


The Center for Justice and Crime Prevention (CJCP) is a South African non-profit organisation that specialises in early violence prevention research and interventions. CJCP has a national, regional and international profile.

The Challenge


The site needed to be resource database for CJCP, the functionality for users to upload content like crime and violence prevention guides, manuals, tools, tests and workbooks that can be used in service delivery.
The site needed to also allow readers to easily find these resources.

The Solution


We used our own free LSX Theme to build the CJCP site along with SiteOrigin’s Pagebuilder for the layouts. LSX’s Banners Extension was used to enable extra functionality in the homepage’s banner, specifically, allowing for the visitor to make filterable searches from the homepage banner thanks to FacetWP search filters
We used a custom implementation of Caldera Forms so that form submissions by users save as a post in draft form, ready for the CJCP to review and then Publish it if it meets their quality standards.
Extra custom design and development was done to solve the issue of collapsible result filters in search  results on the site, as well as solving the issue of tables on mobile: lot of the content on the site (i.e. the search results) are output in a table format, so we used IFrames to make mobile tables easier for users to explore.

Related Projects

Men’s Health Belly Off

Design & Development, WooCommerce

Cape Town Tourism

Design & Development, Tour Operators

Simple Books

Design & Development, WooCommerce

Skeleton Coast Safaris

Design & Development, Tour Operators

JAMMS

Design & Development

Africamper

Design & Development

Robinson Capital Corp.

Design & Development

Agfacts

Design & Development, WooCommerce

The Success Academy

Design & Development, WooCommerce

Naturopathic

Design & Development, WooCommerce

Uphephe

Design & Development

CityScapes

Design & Development

[type=datetime]
[type=datetime]
[wpforms id="34770" title="false" description="false"]
<div class="wpforms-container " id="wpforms-34770"><form id="wpforms-form-34770" class="wpforms-validate wpforms-form" data-formid="34770" method="post" enctype="multipart/form-data" action="/portfolio/clearing-house/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-34770-field_1-container" class="wpforms-field wpforms-field-text" data-field-id="1"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_1">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-34770-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" placeholder="Name *" required></div><div id="wpforms-34770-field_2-container" class="wpforms-field wpforms-field-email" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_2">Email Address <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-34770-field_2" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][2]" placeholder="Email Address *" required></div><div id="wpforms-34770-field_8-container" class="wpforms-field wpforms-field-phone" data-field-id="8"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_8">Phone</label><input type="tel" id="wpforms-34770-field_8" class="wpforms-field-large" data-rule-int-phone-field="true" name="wpforms[fields][8]" placeholder="Phone" ></div><div id="wpforms-34770-field_9-container" class="wpforms-field wpforms-field-textarea" data-field-id="9"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_9">Message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-34770-field_9" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][9]" placeholder="Message" required></textarea></div><div id="wpforms-34770-field_7-container" class="wpforms-field wpforms-field-hidden" data-field-id="7"><input type="hidden" id="wpforms-34770-field_7" name="wpforms[fields][7]" value="CJCP Clearing House: https://www.lsdev.biz/portfolio/clearing-house"></div><div id="wpforms-34770-field_5-container" class="wpforms-field wpforms-field-checkbox" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-34770-field_5">Subscribe to our Newsletter</label><ul id="wpforms-34770-field_5"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-34770-field_5_1" name="wpforms[fields][5][]" value="Subscribe to our Newsletter" ><label class="wpforms-field-label-inline" for="wpforms-34770-field_5_1">Subscribe to our Newsletter</label></li></ul></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-34770-field-hp" class="wpforms-field-label">Website</label><input type="text" name="wpforms[hp]" id="wpforms-34770-field-hp" class="wpforms-field-medium"></div><input type="hidden" name="wpforms[recaptcha]" value=""><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="34770"><input type="hidden" name="wpforms[author]" value="2"><input type="hidden" name="wpforms[post_id]" value="26836"><button type="submit" name="wpforms[submit]" class="wpforms-submit om-trigger-conversion btn cta-btn btn-full" id="wpforms-submit-34770" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="LET&#039;S TALK!">LET&#039;S TALK!</button></div></form></div> <!-- .wpforms-container -->
[type=datetime]
[type=datetime]
[wpforms id="95" title="false" description="false"]
<div class="wpforms-container " id="wpforms-95"><form id="wpforms-form-95" class="wpforms-validate wpforms-form" data-formid="95" method="post" enctype="multipart/form-data" action="/portfolio/clearing-house/"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-95-field_3-container" class="wpforms-field wpforms-field-text" data-field-id="3"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_3">Name <span class="wpforms-required-label">*</span></label><input type="text" id="wpforms-95-field_3" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][3]" placeholder="Name *" required></div><div id="wpforms-95-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_1">Email Address <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-95-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" placeholder="Email Address *" required></div><div id="wpforms-95-field_4-container" class="wpforms-field wpforms-field-number" data-field-id="4"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_4">Contact Number</label><input type="number" pattern="\d*" id="wpforms-95-field_4" class="wpforms-field-large" name="wpforms[fields][4]" placeholder="Contact Number" ></div><div id="wpforms-95-field_5-container" class="wpforms-field wpforms-field-text" data-field-id="5"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_5">Website</label><input type="text" id="wpforms-95-field_5" class="wpforms-field-large" name="wpforms[fields][5]" placeholder="www.mywebsite.com" ></div><div id="wpforms-95-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_2">Additonal info or message <span class="wpforms-required-label">*</span></label><textarea id="wpforms-95-field_2" class="wpforms-field-medium wpforms-field-required" name="wpforms[fields][2]" placeholder="Additional info or message" required></textarea></div><div id="wpforms-95-field_6-container" class="wpforms-field wpforms-field-checkbox" data-field-id="6"><label class="wpforms-field-label wpforms-label-hide" for="wpforms-95-field_6">Checkboxes</label><ul id="wpforms-95-field_6"><li class="choice-1 depth-1"><input type="checkbox" id="wpforms-95-field_6_1" name="wpforms[fields][6][]" value="Subscribe to our Newsletter" ><label class="wpforms-field-label-inline" for="wpforms-95-field_6_1">Subscribe to our Newsletter</label></li></ul></div></div><div class="wpforms-field wpforms-field-hp"><label for="wpforms-95-field-hp" class="wpforms-field-label">Email</label><input type="text" name="wpforms[hp]" id="wpforms-95-field-hp" class="wpforms-field-medium"></div><input type="hidden" name="wpforms[recaptcha]" value=""><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="95"><input type="hidden" name="wpforms[author]" value="2"><input type="hidden" name="wpforms[post_id]" value="26836"><button type="submit" name="wpforms[submit]" class="wpforms-submit btn btn-full om-trigger-conversion" id="wpforms-submit-95" value="wpforms-submit" aria-live="assertive" data-alt-text="Sending..." data-submit-text="Send Message">Send Message</button></div></form></div> <!-- .wpforms-container -->