E-commerce Digióptica - Shopify

Plataforma Shopify, tema comprado Split com com algumas modificações no código.

O que fazer:
Correção de erros em página do produto individual
>> Seletores de variáveis Dropdown precisa ser ajustado com uma largura limite pois está ficando em linha contínua e tenho grande quantidade de texto dentro das variáveis que preciso quebrar em tópicos.
Ex.: lente grau super fina
- material resistente
- ideal para graus xxx e yyy
- tratamento para luz azul
- etc ;

>> um dos seletores dropdown incluí manualmente com <select> + javascript, que redireciona ao selecionar a opção para a url do produto (ao entrar no produto temos a url "/nomemodelo-somente-armacao") , o cliente pode comprar somente armação ou armação com lentes de grau.

Ao clicar no primeiro dropdown ele pode escolher "comprar somente armação" ou "comprar armação + lentes de grau", com o javascript configurei para redirecionar o cliente para a URL "{{nomemodelo}}+"-somente-armacao" " ou "{{nomemodelo}}+"-armacao-com-lentes" " e fiz todos os modelos com 2 cópias do modelo mudando apenas a url, pois cada modelo terá um valor inicial diferente por conta das lentes de grau.
Nessa situação do dropdown, preciso que este primeiro dropdown, feito manualmente no código, que ao invés de dropdown de redirecionamento, que ele seja em modelo "input radio" ou similar, com as bolinhas seletoras e ao clicar na bolinha da opção ele realize o redirecionamento.


Caso tenham outras soluções para esses problemas, estou aberto a novas ideias, basicamente preciso de 4 seletores de variáveis nos produtos, porém o Shopify limita a apenas 3 variáveis, por isso coloquei manualmente o 4º e tive que fazer esse redirecionamento.