Антон Литвиненко

Теги менять необязательно, пускай себе будет список, это ни на что не влияет.
Чтобы добавить свой класс к обертке можно использовать подобный хук:

// Добавить класс к обертке с товарами
add_filter('woocommerce_product_loop_start', 'mytheme_product_loop_start');
function mytheme_product_loop_start() {
	?>
	<ul class="card-group products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">
	<?php
}

А класс к товару проще всего добавить дописав в шаблоне content-product.php, который вы предварительно скопировали себе в тему в папку woocommerce. Как на картинке

В woocommerce за checkout отвечает целая одноименная папка, которую можно скопировать в свою тему в папку woocommerce и заняться переопределением необходимых шаблонов. К сожалению, хуков, с которыми можно поработать там не очень много, поэтому либо переопределение шаблонов с последующим оформлением стилями, если есть уже новая верстка со стилями, то меняем разметку в шаблонах так, чтобы соответствовало верстке, или, если получится, просто стилями переоформляем стандартный вывод страницы чекаут

За вывод карточки товара отвечает шаблон woocommerce content-product.php
Его можно переопределить в своей теме, положив в папку woocommerce в корне темы.
Для того, чтобы вывести в шаблоне дополнительные поля, например артикул, можно воспользоваться хуками из шаблона и на нужный хук повесить вывод артикула, что является более корректным решением, чем изменение разметки шаблона. А можно изменить разметку и прямо в разметке вывести нужные поля. Собственно, конкретный шаблон весь построен на хуках, так что оптимально использовать хуки

например, я хочу вывести категории, к которым относится товар в карточке перед заголовком

// Вывод категории в карточках товара
add_action( 'woocommerce_before_shop_loop_item_title', 'storm_show_product_cat', 30 );
function storm_show_product_cat() {
	global $product;
		echo wc_get_product_category_list( $product->get_id(), ', ', '<div class="product-cat">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</div>' ); 
}

У вас тема и в ней придется скорее всего поковыряться, чтобы найти нужные функции.

На скриншоте явно что-то не то


стандартно в woocommerce открывающий тег ссылки висит на хуке
do_action( 'woocommerce_before_shop_loop_item' );
на 10м приоритете и выводится функцией
woocommerce_template_loop_product_link_open()
код этой функции

if ( ! function_exists( 'woocommerce_template_loop_product_link_open' ) ) {
	/**
	 * Insert the opening anchor tag for products in the loop.
	 */
	function woocommerce_template_loop_product_link_open() {
		global $product;

		$link = apply_filters( 'woocommerce_loop_product_link', get_the_permalink(), $product );

		echo '<a href="' . esc_url( $link ) . '" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">';
	}
}

замена открывающего тега в стандартном woocommerce могла бы выглядеть как-то так:

remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
add_action( 'woocommerce_before_shop_loop_item', 'custom_open_link', 10 );
function custom_open_link() {
	?>
		<a href="<?php the_permalink() ?>">
	<?php
}

Если вы сгенерировали себе для посадки вёрстки шаблон underscores, то можете делать с ним все что угодно. Underscores включает в себя лучшие практики и много полезного, и прежде чем удалять функции из function.php посмотрите, скорее всего она вам понадобится или может использоваться как образец. Те же меню, сайдбары и прочее. Многое можно удалить, так как вы это уже сверстали, например навигацию и её файлы, rtl, возможно вам не понадобится инфинити скролл, дополнительные настройки в кастомайзер итд.
Разметка страниц скорее всего не подойдёт, но обращайте внимание на циклы, специальные функции, особенно в шапке.
Если это тема ваша и обновляется не будет, то дочернюю тему вы не делаете, её уже будет делать кто-то, кто возможно после вас будет кастомизировать.
Как альтернатива в репозитории WordPress есть ещё пустые шаблоны, которые можно использовать как отправную точку

Это и не кнопка, это select, выпадающий список.
Очень плохо стилизуется сам по себе, поэтому часто приходится применять либо свою вёрстку, заменяющую нативный селект, либо библиотеки, например Select2

Попробуйте кастомную функцию с дополнительными опциями
https://wp-kama.ru/id_31/obrezka-teksta-zamenyaem-...

Если на сайте основным контейнером идет с бутстрапа 4, то эту конкретную секцию в контейнер заворачивать не нужно. нужно применить подобные правила:

.about-us-wrapper {
	margin-right: calc(50% - 1140px/2);
	padding-left: 15px;
	padding-right: 15px;
}

Можно плагином.
Можно вручную, ищите реализацию ссылки для пошарить для того или иного сервиса и вставляете
Вот пример, это код со страницы single:

<div class="single-share">
	<a href="https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" target="_blank">
		<?php __('Поделиться в Facebook') ?>
	</a>
	<a href="https://twitter.com/home?status=<?php the_permalink(); ?>" target="_blank">
		<?php __('Поделиться в Twitter') ?>
	</a>
	<a href="https://telegram.me/share/url?url=<?php the_permalink(); ?>&text=<?php the_title() ?>" target="_blank">
		<?php __('Поделиться в Telegram') ?>
	</a>
</div>

Пагинацию вы будете реализовать на WP. Скорее всего оформляя стилями то решение, которое будете использовать.

Если слайдер это первый экран то варианта два.
Навигация либо позишн фиксед либо абсолют. Но разметка должна быть не в секции со слайдером. Дальше стандартно

1. У текущего слайда есть классы типа slick-active, slick-current, используйте их для оформления

2. Слайдер кладем не в контейнер, а делаем слева отступ.
А для обрезки слайдера добавляем паддинг

.slider-wrapper {
	margin-left: calc(50% - 1140px/2);
	padding-left: 15px;
	padding-right: 15px;
}

.slider-wrapper {
	.slick-slide {
		margin: 0 15px;
	}
	.slick-list {
		margin: 0 -15px;
		padding: 0 10% 0 0;
	}
}

// Удаляет "Рубрика: ", "Метка: " и т.д. из заголовка архива
add_filter( 'get_the_archive_title', function( $title ){
	return preg_replace('~^[^:]+: ~', '', $title );
});

.popup {
  width: 100%;
  height: 100%;
  background: rgba(27, 31, 26, 0.9);
  display: none;
  position: fixed;
  text-align: center;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  .popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
  }
}

<div class="wrapper">

  <div class="tabs">

    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

      <div class="tab"><?php the_title() ?></div>

    <?php endwhile; ?>

  <?php endif; ?>

  </div><!-- tabs -->

  <div class="tab-content">

  <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <div class="tab-item">
      <?php the_excerpt() ?>
      <a href="<?php the_permalink() ?>">Читать далее</a>
    </div>

  <?php endwhile; ?>

  </div><!-- tab-content -->

  <?php endif; ?>

</div><!-- wrapper -->

<script>
  $('.tab-item').not(':first').hide();
  $('.wrapper .tab').on('click', function() {
    $('.wrapper .tab').removeClass('active').eq($(this).index()).addClass('active');
    $('.tab-item').hide().eq($(this).index()).fadeIn();
  }).eq(0).addClass('active');
</script>