Como configurar as variações e opções de preço de produtos no website?

NOTA: Para ver como criar produtos com variações, clique aqui. 

As variações de produtos são diferentes configurações do mesmo produto que, no website, são apresentados na mesma página através de um campo de seleção. 

NOTA: Configurar as variações e opções de preço de produtos complementa o bloco de produtos individuais, que pode ver aqui como configurar.

No modal de inserção de elementos estão presentes os itens a inserir relacionados com as variações e opções de preço. Os itens são os seguintes:

Para inserir as variações e opções de preço vamos utilizar o código abaixo, que é o código da página individual de produto, após realizar as alterações feitas aqui.