
Подскажите, почему при попытке интегрировать WooCommerce с моей темой пропадают кнопки, цена и многие другие элементы? Делал по этому мануалу https://delaemsait.info/integriruem-woocommerce-s-lyuboj-temoj/ . Изначально выглядит так

Если добавить файл WooCommerce.php, то все пропадает и получается вот так

Я предполагаю, что я должен добавить какие-то шорткоды или что-то вроде этого, но нигде не нашел примера. Подскажите, что нужно добавить что бы вернуть кнопки обратно? Или где можно почитать об этом?
P.S. Просьба сильно не пинать, только начинаю разбираться с wordpress и woocommerce

Если добавить файл WooCommerce.php, то все пропадает и получается вот так

Я предполагаю, что я должен добавить какие-то шорткоды или что-то вроде этого, но нигде не нашел примера. Подскажите, что нужно добавить что бы вернуть кнопки обратно? Или где можно почитать об этом?
P.S. Просьба сильно не пинать, только начинаю разбираться с wordpress и woocommerce
Код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/wordpress/jquery-ui/jquery-ui.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/wordpress/js/script.js"></script>
<script src="/wordpress/jquery-ui/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="/wordpress/css/style.css">
<link rel="stylesheet" href="/wordpress/css/media.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css" />
</head>
<body>
<?php get_header(); ?>
<div class="wrap">
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<?php
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/page/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
endwhile; // End of the loop.
?>
</main><!-- #main -->
</div><!-- #primary -->
</div><!-- .wrap -->
<?php get_footer(); ?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
</body>
</html>