https://www.goimports.com.br/catalog/view/javascript/functions.js

1var buttonsNav = document.querySelectorAll('#nav-tabs .nav-link');
2var detalhesProduto = document.querySelectorAll('.detalhes-produto');
3
4function navTabs(element){
5    if(element == 0){
6        buttonsNav[0].classList.toggle('active');
7        detalhesProduto[0].classList.toggle('active');
8        removeTabs(1, 2);
9    } else if(element == 1){
10        buttonsNav[1].classList.toggle('active');
11        detalhesProduto[1].classList.toggle('active');
12        removeTabs(0, 2);
13    } else if(element == 2){
14        buttonsNav[2].classList.toggle('active');
15        detalhesProduto[2].classList.toggle('active');
16        removeTabs(0, 1);
17    }
18}
19
20
21function removeTabs(remove1, remove2){
22    buttonsNav[remove1].classList.remove('active');
23    buttonsNav[remove2].classList.remove('active');
24    detalhesProduto[remove1].classList.remove('active');
25    detalhesProduto[remove2].classList.remove('active');
26}
27
28
29// Controls
30var posicao_promocao =
31    posicao_categorias =
32    posicao_novidades =
33    posicao_mais_vendidos =
34    posicao_relacionados = 0;
35
36var produtos_promocao = document.querySelectorAll("#promocao .link");
37var produtos_categorias = document.querySelectorAll(".categorias .link");
38var produtos_novidades = document.querySelectorAll("#novidades .link");
39var produtos_mais_vendidos = document.querySelectorAll("#mais-vendidos .link");
40var produtos_relacionados = document.querySelectorAll("#relacionados .link");
41
42var quantidade_promocao = produtos_promocao.length,
43    quantidade_categorias = produtos_categorias.length,
44    quantidade_novidades = produtos_novidades.length,
45    quantidade_mais_vendidos = produtos_mais_vendidos.length,
46    quantidade_relacionados = produtos_relacionados.length;
47
48var clicks_promocao = clicks_categorias = clicks_novidades = clicks_mais_vendidos = clicks_relacionados = 0;
49var move_promocao, move_categorias, move_novidades, move_mais_vendidos,move_relacionados;
50
51function responsiv(){
52    if(window.innerWidth >= 1200){
53      quantidade_promocao = produtos_promocao.length - 3;
54      quantidade_categorias = produtos_categorias.length - 5;
55      quantidade_novidades = produtos_novidades.length - 3;
56      quantidade_mais_vendidos = produtos_mais_vendidos.length - 3;
57      quantidade_relacionados = produtos_relacionados.length - 4;
58      move_relacionados = 254;
59      move_categorias = 220;
60      move_promocao = move_novidades = move_mais_vendidos = move_relacionados = 252;
61    }else if(window.innerWidth >= 992){
62      quantidade_promocao = produtos_promocao.length - 2;
63      quantidade_categorias = produtos_categorias.length - 4;
64      quantidade_novidades = produtos_novidades.length - 2;
65      quantidade_mais_vendidos = produtos_mais_vendidos.length - 2;
66      quantidade_relacionados = produtos_relacionados.length - 3;
67      move_relacionados = 298;
68      move_categorias = 230;
69      move_promocao = move_novidades = move_mais_vendidos = move_relacionados = 317;
70    }else if(window.innerWidth >= 768){
71      quantidade_promocao = produtos_promocao.length - 2;
72      quantidade_categorias = produtos_categorias.length - 3;
73      quantidade_novidades = produtos_novidades.length - 2;
74      quantidade_mais_vendidos = produtos_mais_vendidos.length - 2;
75      quantidade_relacionados = produtos_relacionados.length - 2;
76      move_relacionados = 299;
77      move_categorias = 226;
78      move_promocao = move_novidades = move_mais_vendidos = move_relacionados = 311;
79    }else if(window.innerWidth >= 576 || window.innerWidth <= 576){
80      quantidade_promocao = produtos_promocao.length - 1;
81      quantidade_categorias = produtos_categorias.length - 3;
82      quantidade_novidades = produtos_novidades.length - 1;
83      quantidade_mais_vendidos = produtos_mais_vendidos.length - 1;
84      quantidade_relacionados = produtos_relacionados.length - 1;
85      move_relacionados = 242;
86      move_categorias = window.innerWidth <= 576 ? 143 : 160;
87      move_promocao = move_novidades = move_mais_vendidos = move_relacionados = 242;
88    }
89}
90
91
92
93function ControlNext(elementLink){
94    responsiv();
95    if(elementLink == 'promocao'){
96        if(clicks_promocao < quantidade_promocao){
97            clicks_promocao++;
98            posicao_promocao -= move_promocao;
99            mover(posicao_promocao, produtos_promocao)
100        }
101    }else if(elementLink == 'categorias'){
102        if(clicks_categorias < quantidade_categorias){
103            clicks_categorias++;
104            posicao_categorias -= move_categorias;
105            mover(posicao_categorias, produtos_categorias)
106        }
107    }

107else if(elementLink == 'novidades'){
108        if(clicks_novidades < quantidade_novidades){
109            clicks_novidades++;
110            posicao_novidades -= move_novidades;
111            mover(posicao_novidades, produtos_novidades)
112        }
113    }else if(elementLink == 'mais_vendidos'){
114        if(clicks_mais_vendidos < quantidade_mais_vendidos){
115            clicks_mais_vendidos++;
116            posicao_mais_vendidos -= move_mais_vendidos;
117            mover(posicao_mais_vendidos, produtos_mais_vendidos)
118        }
119    }else if(elementLink == 'relacionados'){
120        if(clicks_relacionados < quantidade_relacionados){
121            clicks_relacionados++;
122            posicao_relacionados -= move_relacionados;
123            mover(posicao_relacionados, produtos_relacionados)
124        }
125    }
126}
127
128function ControlPrev(elementLink){    
129    responsiv();
130    if(elementLink == 'promocao'){
131        if(posicao_promocao != 0){
132            clicks_promocao--;
133            posicao_promocao += move_promocao;
134            mover(posicao_promocao, produtos_promocao)
135        }
136    }else if(elementLink == 'categorias'){
137        if(posicao_categorias != 0){
138            clicks_categorias--;
139            posicao_categorias += move_categorias;
140            mover(posicao_categorias, produtos_categorias)
141        }
142    }else if(elementLink == 'novidades'){
143        if(posicao_novidades != 0){
144            clicks_novidades--;
145            posicao_novidades += move_novidades;
146            mover(posicao_novidades, produtos_novidades)
147        }
148    }else if(elementLink == 'mais_vendidos'){
149        if(posicao_mais_vendidos != 0){
150            clicks_mais_vendidos--;
151            posicao_mais_vendidos += move_mais_vendidos;
152            mover(posicao_mais_vendidos, produtos_mais_vendidos)
153        }
154    }else if(elementLink == 'relacionados'){
155        if(posicao_relacionados != 0){
156            clicks_relacionados--;
157            posicao_relacionados += move_relacionados;
158            mover(posicao_relacionados, produtos_relacionados);
159        }
160    }
161}
162
163
164function mover(move, elementos){
165    let translateX = "translateX("+ move + "px)"
166    elementos.forEach( element => {
167        element.style.transform = translateX;
168    });
169}
170
171responsiv()
172