Sidebar moves from right to left on product pages

I solved it myself. I installed woocommerce.php, which was created based on page.php, directly under the child theme. This may be helpful for those using the cocoon theme. Below is the code.

商品ページのみサイドバーが本文エリアに被ってしまい困っていましたが、自己解決しました。コピーしたpage.phpのコードを下記のように書き換えます。名前をwoocommerce.phpに変えて子テーマ直下に配置します。cocoonテーマをお使いの方の参考になるかもしれません。下記は、そのコードです。

<?php //通常ページとAMPページの切り分け
/**
 * Cocoon WordPress Theme
 * @author: yhira
 * @link: https://wp-cocoon.com/
 * @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 */
if ( !defined( 'ABSPATH' ) ) exit;

if (!is_amp()) {
   get_header();
 } else {
   cocoon_template_part('tmp/amp-header');
 }
?>
<div class="content">
	<article>
		<section>
			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				<h2><?php the_title(); ?></h2>
				<?php woocommerce_breadcrumb(); ?>
				<?php woocommerce_content(); ?>
			</div>
			<div class="clear"></div>
		</section>
	</article>
<?php get_footer(); ?>