Юрий Молотов

1. Создай в стилях класс

.slow{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-o-transition: all 1s ease;transition: all 1s ease;}
.slow:hover{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-o-transition: all 1s ease;transition: all 1s ease;}

2. Задавай этот класс всему, что должно плавно анимироваться, например:
<div class="highlighted slow"></div>

3. Задай анимацию. Хоть jquery, хоть css. Например css при наведении:
.highlighted:hover{background:red;}

Анимация в любом случае будет длиться 1 секунду, с эффектом ease.

Реализация и с hover и с jquery, и с разными скоростями — molotov.pro

У меня подобная ситуация прямо сейчас. Как я решил задачу:

1. Скопировал и закомментировал содержимое price.php
2. Вставил его в конец short-description.php

Всё. Блок стоимости идёт после описания.

Если честно не совсем понимаю смысл разбиения всего содержимого карточки товара на десятки файлов, я бы вообще всё поудалял и вставил одно за другим в content-single-product.php
Если кто-нибудь пояснит буду благодарен.