A lot of effort has been put into making AutoCompleteZon compatible with most of the plugins and themes however in some cases it is necessary to make a small patch to fix bad code.

Patching Store Clone [Light Theme]
1. In your admin area click Appearance -> Editor. On the right column click header.php. This will bring the file for editing.
Look for this line of code:

<script src=”<?php bloginfo(‘template_directory’); ?>/lightbox/js/jquery.js” type=”text/javascript” charset=”utf-8″></script>

and turn it to:

<?php /*<script src=”<?php bloginfo(‘template_directory’); ?>/lightbox/js/jquery.js” type=”text/javascript” charset=”utf-8″></script>*/ ?>

This will “comment out” that piece of code and it will be ignored by the php parser.
It’s the same as removing that line but you get to keep track of your changes for future reference.

2. Change this line:

<script src=”<?php bloginfo(‘template_directory’); ?>/lightbox/js/jquery.prettyPhoto.js” type=”text/javascript” charset=”utf-8″></script>

to:

<?php /* <script src=”<?php bloginfo(‘template_directory’); ?>/lightbox/js/jquery.prettyPhoto.js” type=”text/javascript” charset=”utf-8″></script>*/ ?>

3. On the right column click functions.php
On the very bottom of the file right above ?> tag add this code:

function custom_clone_enqueue_scripts() {
wp_enqueue_script( ‘jquery-prettyphoto’, get_template_directory_uri() . ‘/lightbox/js/jquery.prettyPhoto.js’, ‘jquery’ );
wp_enqueue_script( ‘jquery’ );
}
add_action(‘wp_enqueue_scripts’, ‘custom_clone_enqueue_scripts’);

4. On the right column click on page.php
Look for this line:

$(function() {

change it to:

jQuery(function($) {

and hit Save.

5. On the right column click style.css and add this code to the bottom of the file:

.acz1_input_size_1 {height: auto!important; min-height: 27px;}
.acz1_input_size_2 {height: auto!important; min-height: 21px;}
.aucomz_det_left_ins, .aucomz_details_top, .aucomz_det_right_ins {text-align: left;}

6. In files index.php, page.php, single.php
lines:

$(function() {
$(“a[rel^=’prettyPhoto’]”).prettyPhoto({default_width:960});
});

must be changed to

jQuery(function($) {
$(“a[rel^=’prettyPhoto’]”).prettyPhoto({default_width:960});
});

7. In file header.php
change this line:

<script src=”<?php bloginfo(‘url’); ?>/touchcarousel/jquery.touchcarousel-1.1.min.js”></script>

to

<?php /* <script src=”<?php bloginfo(‘url’); ?>/touchcarousel/jquery.touchcarousel-1.1.min.js”></script> */ ?>

8. File functions.php
Right below this line in the bottom:

wp_enqueue_script( ‘jquery-prettyphoto’, get_template_directory_uri() . ‘/lightbox/js/jquery.prettyPhoto.js’, ‘jquery’ );

add this line:

wp_enqueue_script( ‘jquery-touchcarousel’, site_url(‘touchcarousel/jquery.touchcarousel-1.1.min.js’), ‘jquery’ );


Patching Ultimum Review Theme

1. Click Appearance -> Editor and on the right column click header.php (this should bring the file for editing)
Look for this line:

<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/jquery-1.6.js”></script>

and change it to:

<?php /* <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/jquery-1.6.js”></script> */ ?>

hit save.

2. With your favorite FTP client (I recommend FileZilla) download this file:
wp-content/themes/UltimumReviewTheme/js/scripts.js

Change the first line from:

$(document).ready(function() {

to:

jQuery(document).ready(function($) {

and upload the file overwriting existing one.

Posted in: Common Support Questions