Alteração na ordem das grades dos produtos

Layout
5

faz direto assim no editor de css:

.produto .principal .atributos {
display: flex;
flex-direction: column-reverse;
}
@media only screen and (max-width: 767px){
.produto .principal .atributos {
align-items: center;
}
}