2017-03-16 146 views
0

進出口新的網站上。 我在推翻自己的wordpress主題時遇到了問題。 我已經安裝了名爲Woocommerce image zoom的wordpress插件。 懸停縮放功能不起作用。 在其他主題很好。 它的唯一的安裝和使用插件,但我想在我的主題我必須做出一些改變或必須添加一些JavaScript代碼? 使用jQuery,引導js和自己的js文件很少的代碼。 有人可以幫我嗎我該怎麼辦?我可以從哪裏開始?WooCommerce圖片放大

第二個問題是我如何可以改變單一的產品頁面佈局無插件? 我想插入引導列類。 我想在左邊的列和其它(屬性,命令按鈕等上的右列)顯示圖像。 我該怎麼做?

感謝 安德魯

回答

0

對於Woocommerce圖像縮放,必須有與該插件相沖突因此防止其形成的工作一個JavaScript。要做到這一點檢查控制檯是否有任何錯誤。這裏指的https://codex.wordpress.org/Using_Your_Browser_to_Diagnose_JavaScript_Errors

也許這不是我們的主題兼容它不與您正在使用的主題兼容。請停用主題並嘗試使用WordPress默認主題(WordPress 2017主題)以查看它是否有效。

關於第二個問題: 你所能做的就是在單product.php模板複製到WooCommerce文件夾中的子主題。更改文件名和修改該文件,然後使用single_template或template_include像這樣正確的條件標籤:

single_template

function get_custom_post_type_template($single_template) { 
global $post; 

if ($post->post_type == 'product') { 
     $single_template = dirname(__FILE__) . '/single-template.php'; 
} 
return $single_template; 
} 
add_filter('single_template', 'get_custom_post_type_template'); 

template_include

add_filter('template_include', 'portfolio_page_template', 99); 

function portfolio_page_template($template) { 

    if (is_page('slug') ) { 
     $new_template = locate_template(array('single-template.php')); 
     if ('' != $new_template) { 
      return $new_template ; 
     } 
    } 

    return $template; 
}