0
我有一個網站,Woocommerce商店頁面將類別放在左側。當您調整到移動設備時,類別會彈出到頁面的底部。我希望它出現在頂部。我想用php做到這一點,而不是做一堆javascript更改或css規則。如何將woocommerce側邊欄移動到商店項目的上方以便移動設備位於頂部?
我有一個網站,Woocommerce商店頁面將類別放在左側。當您調整到移動設備時,類別會彈出到頁面的底部。我希望它出現在頂部。我想用php做到這一點,而不是做一堆javascript更改或css規則。如何將woocommerce側邊欄移動到商店項目的上方以便移動設備位於頂部?
好的,我找到的解決方案是進入主題的文件夾,然後進入config-woocommerce文件夾。在config.php文件,功能avia_woocommerce_after_main_content()有下面的代碼:
//get the sidebar
if(!is_singular())
get_sidebar();
我刪除代碼從功能和下面的代碼後馬上移動到功能avia_woocommerce_before_main_content:
$sidebar_setting = avia_layout_class('main' , false);
echo "<div class='container_wrap container_wrap_first main_color {$sidebar_setting} template-shop shop_columns_".$avia_config['shop_overview_column']."'>";
echo "<div class='container'>";
所以,現在的功能如下:
function avia_woocommerce_before_main_content()
{ 全球$ avia_config;
if(!isset($avia_config['shop_overview_column'])) $avia_config['shop_overview_column'] = "auto";
$id = get_option('woocommerce_shop_page_id');
$layout = get_post_meta($id, 'layout', true);
if(!empty($layout))
{
$avia_config['layout']['current'] = $avia_config['layout'][$layout];
$avia_config['layout']['current']['main'] = $layout;
}
$avia_config['layout'] = apply_filters('avia_layout_filter', $avia_config['layout'], $id);
$title_args = array();
if(is_woocommerce())
{
$t_link = "";
if(is_shop()) $title = get_option('woocommerce_shop_page_title');
$shop_id = woocommerce_get_page_id('shop');
if($shop_id && $shop_id != -1)
{
if(empty($title)) $title = get_the_title($shop_id);
$t_link = get_permalink($shop_id);
}
if(empty($title)) $title = __("Shop",'avia_framework');
if(is_product_category() || is_product_tag())
{
global $wp_query;
$tax = $wp_query->get_queried_object();
$title = $tax->name;
$t_link = '';
}
$title_args = array('title' => $title, 'link' => $t_link);
}
if(get_post_meta(get_the_ID(), 'header', true) != 'no') echo avia_title($title_args);
if(is_singular()) {
$result = 'sidebar_right';
$avia_config['layout']['current'] = $avia_config['layout'][$result];
$avia_config['layout']['current']['main'] = $result;
}
$sidebar_setting = avia_layout_class('main' , false);
echo "<div class='container_wrap container_wrap_first main_color {$sidebar_setting} template-shop shop_columns_".$avia_config['shop_overview_column']."'>";
echo "<div class='container'>";
//get the sidebar
if(!is_singular())
get_sidebar();
if(!is_singular()) { $avia_config['overview'] = true; }
}
這曾與包裹的主題,我假定這將與每一個主題的工作。我不得不惹上CSS來獲取它,以便頁面看起來正確,但這是它的CSS部分。