kirill270999

Поставьте плагин WooCommerce Load More Products от beRocket и будет вам счастье

Создайте шаблон с названием archive-ваштипзаписи.php. Это будет страница вывода записей. В нем стандартный цикл с необходимой вёрсткой. Для одной записи single-ваштипзаписи.php
Для проверки какой шаблон используется в текущий момент Поставьте плагин show current template

<div class="main">
  <div>
    <?php $query = new WP_Query('cat=8'); ?>

    <?php if ( $query->have_posts() ) : ?>

      <?php while ( $query->have_posts() ) : $query->the_post(); ?>

      <div class="panel">
        <div class="panel-heading">
          <a href="#1"><i class="fa fa-trophy"></i><?php the_title() ?></a>
        </div>
        <div class="panel-collapse">
          <?php the_excerpt() ?>
          <div class="button"><a href="<?php the_permalink() ?>">Read more</a></div>
        </div>
      </div>

      <?php endwhile; ?>
      <?php wp_reset_postdata(); ?>

    <?php endif; ?>

  </div>
</div>

https://drive.google.com/file/d/1VMyZ_DCGH3aqCheZb...

Почему бы вам не посмотреть примеры кода табов, например на codepen.io/search/pens?q=tabs

В новых версиях PHP, если не ошибаюсь, выпилили mysql, нет? Используйте MySQLi, если проблема в этом.

Внимание
Данное расширение устарело, начиная с версии PHP 5.5.0, и удалено в PHP 7.0.0. Используйте вместо него MySQLi или PDO_MySQL.

https://www.php.net/manual/ru/function.mysql-conne...

Как отладить(может пригодиться):
проверь что в $result находится:

$result = mysql_query("SELECT * FROM country");
var_dump($result);

Если с версией PHP все ок, то посмотри, какие ошибки выводяться:
mysql_error
mysql_errno

Ну и я надеюсь, вывод ошибок включен?

ini_set('display_errors', 1);
ini_set('error_reporting', E_ALL);

И как заметили в комментариях, дамп базы не забыли загрузить?
Если нет, то проверьте данные для подключения, название бд\таблиц, все сходится?

https://jsfiddle.net/d1eLfjkh/