WordPress нижний колонтитул над содержанием

Question

WordPress нижний колонтитул над содержанием

-1

Извините, я полный новичок в этом, Мой вопрос может показаться глупым для некоторых. Я взял на себя обслуживание сайта WordPress другого разработчика, который больше не доступен. У меня возникли проблемы с отображением содержимого на следующей странице https://www.covalin.com/product-category/boxes/metallic-boxes/, когда я изменяю количество продуктов, которые будут отображаться на странице на что-либо выше 9, то он подталкивает нижний колонтитул к середине страницы и показывает продукты ниже нижнего колонтитула. Я хочу иметь возможность для всех продуктов под каждой подкатегорией. Пожалуйста, просмотрите скриншоты ниже, чтобы получить представление об этой проблеме. Любое руководство будет наиболее восприимчивым, я потратил часы, пытаясь понять это.

Когда я использую следующий CSS ниже, он частично решает проблему, но создает другую, где все содержимое прокручивается, но появляется за нижним колонтитулом.

Код CSS - используется

.footer {
 position: fixed;
 bottom:0;
 }

PHP Code, который изменяет количество отображаемых продуктов, добавленных последним dev:

/*---------- woo-product pagination number setting ------------*/

add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );

function new_loop_shop_per_page( $cols ) {
// $cols contains the current number of products per page based on the value 
stored on Options -> Reading
// Return the number of products you wanna show per page.
$cols = 27; //I changed this from 27 to 9 for the page to display properly.
return $cols;
}

Как выглядит сайт с 9 продуктами на странице

Как выглядит сайт с 27 продуктами на странице

Обновлено - с файлом footer.php ниже

<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>

<?php // Check if site turned to boxed version
	  $boxed = ''; $boxed_element = ''; $row_class = '';
	  if (get_option('site_layout')=='boxed') {$boxed = 'container'; $boxed_element = 'col-md-12 col-sm-12'; $row_class = 'row';}
?>

		<?php if ($boxed && $boxed!='') { ?>
			</div>
			<div class='row'>
		<?php } ?>


<?php if ( class_exists('Woocommerce') ): ?>
	<?php  if(is_shop() || is_product() && is_active_sidebar('footer-bottom-shop')): ?>
					
	<?php if (!$boxed || $boxed=='') : ?><div class="container">
										<div class="row"><?php endif; ?>
											<div class="shop-bottom-sidebar col-xs-12 col-sm-12 col-md-12">
												<?php dynamic_sidebar('footer-bottom-shop'); ?>
											</div>
	<?php if (!$boxed || $boxed=='') : ?></div>
									</div><?php endif; ?>
	<?php endif ?>
<?php endif ?>
		
		<footer id="colophon" class="site-footer <?php echo esc_attr($boxed_element);?>">

			<?php 
				if (get_option('site_footer_top_background_option') && get_option('site_footer_top_background_option')!=''){
					$site_footer_top_background_option = get_option('site_footer_top_background_option');
				}
				else{$site_footer_top_background_option='';}
			?>
		
		<?php if(is_active_sidebar('footer-top-sidebar-1') || is_active_sidebar('footer-top-sidebar-2')): ?>
			<div class="footer-top widget-area <?php echo esc_attr($row_class);?>" style="background:<?php echo esc_attr($site_footer_top_background_option); ?>;">	
				<?php if (!$boxed || $boxed=='') : ?><div class="container">
				<div class="row"><?php endif; ?>

				<div class="col-xs-12 col-sm-6 col-md-6 footertopsidebarone">
					<?php if(is_active_sidebar('footer-top-sidebar-1')): ?>
						<?php dynamic_sidebar('footer-top-sidebar-1'); ?>
					<?php endif;?>
				</div>

				<div class="col-xs-12 col-sm-6 col-md-6 footertopsidebartwo">
					<?php if(is_active_sidebar('footer-top-sidebar-2')): ?>
						<?php dynamic_sidebar('footer-top-sidebar-2'); ?>
					<?php endif;?>
				</div>
				
				<?php if (!$boxed || $boxed=='') : ?></div></div><?php endif; ?>
			</div>
		<?php endif; ?>

		<?php 
				if (get_option('site_middle_background_option') && get_option('site_middle_background_option')!=''){
					$site_middle_background_option = get_option('site_middle_background_option');
				}
				else{$site_middle_background_option='';}
		?>
			<div class="footer-middle widget-area <?php echo esc_attr($row_class);?>" style="background:<?php echo esc_attr($site_middle_background_option);?>">
				<?php if (!$boxed || $boxed=='') : ?><div class="container">
					<div class="row"><?php endif; ?>
					<?php
						if (get_option('footer_bg_img') && get_option('footer_bg_img')!=''){
						$footer_bg_img_url = get_option('footer_bg_img');
					}
					else{$footer_bg_img_url='';}
					
					if (get_option('footer_bg_img_position') && get_option('footer_bg_img_position')!=''){
						$footer_bg_img_position = get_option('footer_bg_img_position');
						switch($footer_bg_img_position){
							case "right":
								$storex_footer_bg_position='96%';
								break;
							case "left":
								$storex_footer_bg_position='4%';
								break;
						}
					}
					else{$storex_footer_bg_position='';}
					
					?>
						<div class="fotter-bg-img" style="background: url(<?php  echo esc_url($footer_bg_img_url)?>)  no-repeat transparent; background-position:<?php echo esc_attr($storex_footer_bg_position)?> 90%">
					
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-1' ) ) : ?>
									<?php dynamic_sidebar( 'footer-sidebar-1' ); ?>
								<?php endif; ?>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-2' ) ) : ?>
								<?php dynamic_sidebar( 'footer-sidebar-2' ); ?>
								<?php endif; ?>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-3' ) ) : ?>
									<?php dynamic_sidebar( 'footer-sidebar-3' ); ?>
									<?php endif; ?>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-4' ) ) : ?>
									<?php dynamic_sidebar( 'footer-sidebar-4' ); ?>
								<?php endif; ?>
							</div>
						</div>
						
					<?php if (!$boxed || $boxed=='') : ?></div>
				</div><?php endif; ?>
			</div>

			<?php 
				if (get_option('site_footer_bottom_background_option') && get_option('site_footer_bottom_background_option')!=''){
					$site_bottom_background_option = get_option('site_footer_bottom_background_option');
				}
				else{$site_bottom_background_option='';}
				
			?>
			
			<div id="footer-bottom" style="background:<?php echo esc_attr($site_bottom_background_option); ?>;" class="<?php echo esc_attr($row_class);?> footer-bottom">
				<?php if (!$boxed || $boxed=='') : ?><div class="container">
					<div class="row"><?php endif; ?>
						<div class="col-xs-12 col-sm-6 col-md-6">
							<?php if (has_nav_menu('footer-nav')) : ?><!-- Footer navigation -->
								<nav id="site-navigation-footer" class="footer-navigation">
									<?php wp_nav_menu( array('theme_location'  => 'footer-nav') ); ?>							
								</nav>
						<?php endif; ?><!-- Footer navigation -->

						<div class="site-info">
							<?php $copyright = esc_attr(get_option('site_copyright'));
							if ($copyright != '') {
								echo esc_attr($copyright);
							} else {
								echo 'Storex &copy; '.date('Y') .''.esc_html__(' Theme by Themes Zone. All rights reserved', 'storex');
							}
							?>
						</div>

						</div>

						<div class="col-xs-12 col-sm-6 col-md-6">
							<?php if ( is_active_sidebar( 'footer-bottom' ) ) : ?>
                            	<?php dynamic_sidebar( 'footer-bottom' ); ?>
                        	<?php endif; ?>
						</div>

					<?php if (!$boxed || $boxed=='') : ?></div>
				</div><?php endif; ?>
			</div>
			
		</footer><!-- #colophon -->
		<?php if ($boxed && $boxed!='') { ?>
			</div>
		<?php } ?>
</div><!-- #page -->

<script>
	jQuery( document ).ready(function() {
		
		jQuery('.quantity').append("<span class='qty-cus'>Qty</span>");
		
		jQuery('.wc-forward').val('View Order');
jQuery('.update_cart').val('Update Order');
		
		});

		//review order table text changes
		jQuery(window).on('load',function(){
		  setTimeout(function() {   //calls click event after a certain time
		  	jQuery('.cart-subtotal th').text('Order SubTotal'); 
			}, 3000);
		  jQuery('.update_cart').val('Update Order');

		  jQuery('.page-template-special-offer .header-stripe h1.title').text('SPECIAL OFFERS');

		  jQuery('.product-description-wrapper > .quantity').remove();
		});

		var cloned_field = jQuery('.register p.form-row.full').clone();
		jQuery('#custom_fax_no').append(cloned_field);
		jQuery('.register p.form-row.full').eq(0).remove();


		
		jQuery(window).scroll(function(){
	        var winScroll= jQuery(window).scrollTop();
			console.log(winScroll);

	        if(winScroll>0){
	        	jQuery('.header-top').addClass('sticky');
	        }else{
	        	jQuery('.header-top').removeClass('sticky');
	        }
		});

</script>

		<?php wp_footer(); ?>
	</body>
</html>

Innocent Mojela 15 нояб. 2017, в 21:37

Источник

2

Вы должны показать полный пример кода проблемы здесь, в вашем вопросе, а не на вашем сайте. минимальный воспроизводимый пример
Rob 15 нояб. 2017, в 20:00
0

Установите $ cols на 27, и вы получите помощь очень быстро, я уверен ... у вас есть фиксированная высота, где-то в css, это вызывает проблемы, я думаю ...
sinisake 15 нояб. 2017, в 20:08

Теги:

wordpress

css

woocommerce

footer

1 ответ

Ещё вопросы

Вы должны показать полный пример кода проблемы здесь, в вашем вопросе, а не на вашем сайте. минимальный воспроизводимый пример
Установите $ cols на 27, и вы получите помощь очень быстро, я уверен ... у вас есть фиксированная высота, где-то в css, это вызывает проблемы, я думаю ...

eliza · Accepted Answer · 2017-11-16T05-08-00.000Z

Проблема в том, что вы не закрываете <div> правильно.

В настоящее время это похоже на

<div id="page" class="hfeed site container">
    <div class='row custom_header'>
       <!-- some contents..... -->
    </div>
    <div class='row'>
        <div id="main" class="site-main col-md-12 col-sm-12">
           <!-- some contents..... -->
        </div>
        <div class='row'>
            <footer id="colophon" class="site-footer col-md-12 col-sm-12">
               <!-- some contents... -->
            </footer>
        </div>
    </div>
</div>

Это должно быть так,

<div id="page" class="hfeed site container">
    <div class='row custom_header'>
        <!-- some contents... -->
    </div>
    <div class='row'>
        <div id="main" class="site-main col-md-12 col-sm-12">
            <!-- some contents... -->
        </div>
    </div>
    <div class='row'>
        <footer id="colophon" class="site-footer col-md-12 col-sm-12">
            <!-- some contents... -->
        </footer>
    </div>
</div>

Нет необходимости менять CSS.

Здравствуйте, большое спасибо за ваш быстрый ответ. Я не уверен, где внести изменения. Я включил весь мой файл footer.php выше. Я не делал код, как я упоминал ранее, поэтому я заблудился относительно того, что в нем происходит.