KarlosSatana

<button data-step="-1">Prev</button>
<button data-step="+1">Next</button>

$(document).on('click', '[data-step]', function({ target: { dataset: { step } } }) {
  const $wrapper = $(this).closest('.wrapper');
  const $blocks = $wrapper.find('.wrapper-small-block .small-block');
  const $active = $blocks.filter('.active');
  const $nextActive = $blocks.eq(($active.index() + +step) % $blocks.length);

  $active.removeClass('active');
  $nextActive.addClass('active');
  $wrapper.find('.preview').html($nextActive.html());
});

// или

document.addEventListener('click', ({ target: t }) => {
  const { step } = t.dataset;
  if (step) {
    const wrapper = t.closest('.wrapper');
    const blocks = wrapper.querySelector('.wrapper-small-block').children;
    const iActive = Array.prototype.findIndex.call(blocks, n => n.matches('.active'));
    const nextActive = blocks[(iActive + +step + blocks.length) % blocks.length];

    blocks[iActive].classList.remove('active');
    nextActive.classList.add('active');
    wrapper.querySelector('.preview').innerHTML = nextActive.innerHTML;
  }
});

Замените replaceWith на html: $('.big-fig').html(content);.

Или, к чёрту jquery:

const image = document.querySelector('.big-img');
const text = document.querySelector('.big-fig');

document.querySelectorAll('.small-img').forEach(n => {
  n.addEventListener('click', onClick);
});

function onClick() {
  image.src = this.src;
  text.innerHTML = this.closest('figure').querySelector('.small-fig').innerHTML;
}

ну, так где формула ? как считается % скидки?

видимый и понятный кусок кода можно заменить на

$('.change-value-2').text(i*1000);

.product--production-wrapper
	each item in [ {image: 'bed-1.jpg', price: '1999', name: 'Название продукта 1'}, {image: 'bed-2.jpg', price: '345', name: 'Название продукта 2'}, {image: 'bed-3.jpg', price: '2329', name: 'Название продукта 3'} ]

		article.bed.card
			.product--image
				a(href="#"): img(src=`assets/img/product-image/${item.image}`)
			.product--desc-wrapper
				.product--name-href
					h5= item.name
					a(href="#") Кровати
				a(href="#").price= item.price

Ну, как-то так - пример

Так пойдет? https://jsfiddle.net/mdz9rsrt/
Или опишите подробнее чего вы хотите добиться.

$('.card--content').on('click', 'a', function(){ $(this).parent().addClass('clicked');});

Вероятнее всего, на "основной странице" функция get_template_part вызывалась в контексте так называемого "main loop" - цикла "while", внутри которого, в частности, подготавливаются данные для тех частей шаблона, которые вы хотите загрузить. Выглядит он примерно так:

if (have_posts()) :
   while (have_posts()) :
      // Функция, которая подготавливает основные данные
      the_post();

      // Где-то здесь подключаются части шаблона
      get_template_part();
   endwhile;
endif;

Варианты решения:
1. Подготовить данные тем же способом, что и на основной старнице
2. Подготовить данные каким-либо другим способом.