DmitryShishov

Ответ дан пользователем KAGG Design - ru.stackoverflow.com

И сам же отвечаю )

/* Добавляем пагинацию наверх страницы списка товаров */
add_action( 'woocommerce_before_shop_loop', 'woocommerce_pagination', 30 );

Вы можете поставить пагинацию в любое другое место.

В принципе, все работает. Вот только при среднем разрешении на планшете при выводе двух столбцов выводится:
1 | 2
4 | 5
3 |
6 |

А при малом разрешении на телефоне слои идут 1-4-2-5-3-6 в один столбец, а нужно 1-2-3-4-5-6. Можно ли как-то для средних и малых разрешений поменять их расположение, не добавляя тонны лишнего кода?

Я слышал, можно сделать переупорядочивание с помощью pull и push, только не понял как правильно. Все-таки мне нужно поменять местами вот такие слои 1 а не эти внутри которых блок из нужных слоев.

Как вариант. ID кнопки "#my-button" меняешь на что-то свое.
Но Facebook Pixel Helper выдает ошибку.

jQuery( document ).ready( function() {         
        jQuery( document ).on( 'click', '#my-button', function() {            
            fbq('track', 'CompleteRegistration'); 
         });
    });