Bonsoir,
Je veux installer sur ma boutique le code suivant (je l'ai déjà testé il fonctionne correctement) :
<!-- Début du code - Pre footer badges de confiance -->
<style>
#gd-pre-footer {
overflow: hidden;
clear: both;
margin-top: 35px;
margin-bottom: 10px;
padding-bottom: 0;
text-align: center;
}
#gd-pre-footer .col-item {
padding: 15px 25px;
list-style: none;
}
#gd-pre-footer center {
background: #FFFFFF;
}
@media screen and (min-width: 768px) {
#gd-pre-footer .footer-badges-list {
display: flex;
justify-content: center;
align-items: flex-start; /* Assure que tous les éléments commencent au même niveau */
}
#gd-pre-footer .col-item {
width: 25%;
padding: 5px 15px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
}
</style>
<div id="gd-pre-footer" class="pre_footer index-section home-section">
<div class="wrapper">
<div>
<div class="footer-badges-list">
<div class="col-item">
<div class="text-center">
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="70.000000pt" height="70.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2495 5103 c-16 -9 -73 -54 -126 -100 -53 -45 -102 -83 -108 -83 -7
0 -67 23 -134 51 -204 85 -234 75 -348 -111 -87 -143 -54 -129 -269 -116 -115
7 -127 6 -157 -13 -56 -35 -60 -46 -128 -328 -4 -19 -23 -26 -140 -53 -150
-36 -191 -57 -219 -114 -17 -35 -18 -48 -7 -169 6 -73 11 -140 11 -149 0 -10
-46 -45 -126 -94 -191 -117 -199 -142 -109 -355 l55 -131 -95 -109 c-150 -173
-150 -200 -1 -374 l94 -110 -18 -45 c-10 -25 -35 -85 -55 -134 -31 -73 -36
-98 -33 -138 7 -65 31 -89 175 -175 l113 -68 -6 -100 -6 -100 -413 -415 c-227
-228 -420 -429 -429 -447 -30 -61 -11 -146 42 -181 14 -9 167 -65 340 -123
l316 -105 105 -316 c58 -173 114 -326 123 -340 35 -53 120 -72 181 -42 18 9
285 268 594 577 527 526 563 560 581 546 11 -8 61 -49 111 -91 92 -78 105 -84
176 -79 38 3 55 15 160 106 48 41 89 75 93 75 4 0 252 -246 552 -546 300 -300
565 -559 589 -575 27 -18 58 -29 79 -29 44 0 99 26 120 58 9 14 65 167 123
340 l105 316 316 105 c173 58 326 114 340 123 53 35 72 120 42 181 -9 18 -202
219 -429 447 l-413 415 -6 100 -6 100 113 67 c142 85 168 111 175 176 3 41 -3
65 -43 162 -26 63 -51 124 -55 135 -6 17 10 41 86 130 149 174 149 201 -1 374
l-95 109 55 131 c90 213 82 239 -109 356 -79 48 -126 83 -126 93 0 10 5 76 11
149 11 121 10 134 -7 169 -28 57 -70 79 -219 114 -117 27 -136 35 -140 53 -68
282 -72 293 -128 328 -30 19 -42 20 -157 13 -215 -13 -182 -27 -269 116 -114
186 -144 196 -348 111 -67 -28 -127 -51 -134 -51 -6 0 -55 38 -109 85 -54 47
-110 92 -126 100 -37 19 -91 18 -129 -2z m156 -408 c145 -124 156 -126 318
-60 60 25 114 45 120 45 5 0 35 -42 67 -92 99 -162 118 -173 274 -158 163 16
144 29 176 -112 40 -173 52 -186 221 -227 69 -17 128 -32 130 -34 2 -2 -1 -57
-7 -121 -6 -65 -8 -131 -5 -147 11 -47 50 -85 152 -146 52 -31 97 -62 99 -68
3 -6 -16 -59 -41 -119 -46 -111 -55 -168 -33 -209 6 -12 46 -63 90 -114 l79
-92 -65 -73 c-137 -158 -139 -171 -69 -344 43 -105 46 -117 31 -128 -9 -6 -60
-37 -112 -69 -135 -81 -141 -96 -127 -270 6 -72 10 -131 9 -132 -2 -1 -55 -14
-118 -29 -127 -29 -172 -51 -193 -93 -8 -15 -27 -81 -43 -146 l-28 -118 -31 5
c-16 3 -77 8 -135 11 -142 9 -154 2 -242 -140 -37 -59 -69 -110 -72 -112 -2
-2 -54 16 -115 41 -109 45 -169 55 -213 38 -9 -4 -57 -42 -107 -84 -50 -43
-94 -78 -99 -78 -6 0 -53 37 -107 82 -89 75 -100 82 -149 86 -44 4 -67 -2
-164 -43 -62 -26 -115 -45 -118 -43 -2 3 -35 54 -72 113 -88 142 -100 149
-242 140 -58 -3 -119 -8 -135 -11 l-31 -5 -28 118 c-16 65 -35 131 -43 146
-21 42 -66 64 -193 93 -63 15 -116 28 -118 29 -1 1 3 59 9 128 10 117 9 129
-9 170 -17 39 -33 53 -131 113 -61 38 -111 72 -111 76 0 4 20 56 45 117 68
167 65 182 -71 339 l-65 73 79 92 c44 51 84 102 90 114 22 41 13 98 -33 209
-25 59 -45 111 -45 115 0 4 42 33 92 65 168 102 175 116 159 296 -6 66 -10
122 -8 124 1 1 59 17 127 33 114 28 128 34 160 68 31 33 39 53 64 161 32 141
13 128 176 112 156 -15 175 -4 274 158 32 50 63 92 69 92 7 0 61 -20 119 -45
158 -67 171 -65 309 54 52 44 96 80 98 81 2 0 44 -34 92 -75z m-1518 -2971
c40 -9 76 -20 80 -24 5 -4 24 -69 42 -144 19 -75 43 -149 54 -165 37 -51 89
-64 216 -51 190 18 170 25 244 -97 l63 -106 -353 -353 -354 -354 -81 242 c-68
203 -86 246 -111 269 -22 19 -97 49 -267 105 l-236 79 307 307 c169 170 312
308 316 308 4 0 40 -7 80 -16z m3250 -292 l307 -307 -236 -79 c-170 -56 -245
-86 -267 -105 -25 -23 -43 -66 -111 -269 l-81 -242 -354 354 -353 353 63 106
c74 122 54 115 244 97 127 -13 179 0 216 51 11 16 35 90 54 165 18 74 36 138
40 142 6 7 127 39 155 41 8 0 154 -137 323 -307z"/>
<path d="M3180 3959 c-14 -5 -195 -179 -402 -387 l-378 -377 -178 178 c-265
265 -235 268 -574 -70 -137 -136 -256 -260 -264 -275 -18 -35 -18 -101 0 -136
8 -15 223 -235 478 -489 502 -500 483 -485 575 -468 34 6 115 84 701 668 365
364 670 674 678 689 8 15 14 49 14 77 0 65 -19 88 -292 358 -244 242 -277 263
-358 232z m173 -477 l117 -117 -538 -538 -537 -537 -335 335 -335 335 123 122
122 123 172 -172 c95 -94 183 -176 195 -182 30 -15 99 -14 131 3 15 8 191 179
392 380 201 201 367 366 370 366 3 0 58 -53 123 -118z"/>
</g>
</svg>
<h3 class="h4">SATISFAIT OU REMBOURSE</h3>
</div>
<p></p><center><strong>30 jours</strong> pour changer d'avis</center><p></p>
</div>
<div class="col-item">
<div class="text-center">
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="70.000000pt" height="70.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M529 4306 c-49 -34 -73 -86 -67 -148 6 -61 31 -96 88 -125 l44 -23
1278 0 1278 0 0 -589 0 -588 22 -33 c13 -18 36 -43 51 -54 28 -21 37 -21 685
-24 l657 -3 117 -152 118 -152 0 -412 0 -413 -154 0 -154 0 -21 63 c-56 167
-221 329 -396 387 -333 111 -704 -68 -814 -392 l-18 -53 -477 0 -477 0 -28 72
c-56 142 -163 260 -301 332 -97 51 -184 73 -290 73 -113 1 -188 -16 -285 -62
-157 -76 -285 -217 -332 -367 l-16 -52 -231 -3 c-254 -3 -272 -7 -320 -71 -31
-42 -30 -140 2 -185 45 -63 62 -67 319 -70 l231 -4 22 -58 c48 -127 176 -273
297 -338 129 -68 319 -92 458 -57 203 51 373 201 446 392 l24 63 481 0 480 0
18 -55 c23 -74 104 -193 174 -255 65 -58 209 -133 290 -149 84 -17 219 -13
307 9 188 48 354 195 428 380 l26 65 258 5 c247 5 260 6 295 28 21 13 45 40
57 66 20 41 21 56 21 587 0 326 -4 558 -10 579 -6 20 -77 121 -166 235 l-156
200 -240 480 c-132 264 -251 495 -265 514 -46 60 -55 61 -452 61 l-359 0 -4
109 c-3 121 -13 144 -78 189 l-33 22 -1396 0 -1396 0 -36 -24z m3691 -936 c88
-176 160 -322 160 -325 0 -3 -205 -5 -455 -5 l-455 0 0 325 0 325 295 0 295 0
160 -320z m-2443 -1641 c76 -29 143 -93 178 -171 24 -54 27 -69 23 -142 -6
-99 -36 -165 -104 -224 -146 -129 -371 -101 -476 60 -90 137 -73 296 44 410
88 85 216 111 335 67z m2227 -8 c199 -97 245 -366 88 -518 -155 -151 -412
-110 -509 80 -91 181 0 394 197 458 50 16 172 5 224 -20z"/>
<path d="M354 3656 c-61 -27 -101 -108 -85 -177 12 -53 38 -86 85 -109 43 -20
53 -20 774 -18 723 3 731 3 759 24 15 11 38 36 51 54 46 68 18 176 -58 219
-37 21 -42 21 -766 21 -588 -1 -735 -3 -760 -14z"/>
<path d="M90 3018 c-61 -31 -92 -86 -87 -151 5 -54 27 -91 77 -124 l33 -23
737 0 737 0 33 23 c48 32 72 69 77 118 6 64 -28 127 -87 157 l-44 22 -716 0
-716 0 -44 -22z"/>
<path d="M343 2380 c-85 -52 -103 -171 -36 -242 54 -58 56 -58 491 -58 398 0
399 0 443 23 88 47 114 164 52 237 -51 61 -43 60 -500 60 -397 0 -420 -1 -450
-20z"/>
</g>
</svg>
<h3 class="h4">Livraison <strong>offerte</strong> en France</h3>
</div>
<p></p><center></center><p></p>
</div>
<div class="col-item">
<div class="text-center">
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="70.000000pt" height="70.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M535 4695 c-233 -51 -417 -215 -499 -444 l-31 -86 0 -1205 0 -1205
31 -86 c62 -174 178 -305 339 -385 81 -40 195 -73 252 -74 l22 0 3 -307 3
-308 27 -47 c16 -25 45 -60 65 -77 75 -62 63 -61 773 -61 735 0 708 -3 790 80
76 75 80 97 80 432 l0 288 1063 0 c1196 0 1136 -3 1297 76 132 66 228 162 294
294 81 164 77 91 74 1413 l-3 1172 -31 86 c-73 205 -222 353 -429 426 l-80 28
-1990 2 c-1620 1 -2001 -1 -2050 -12z m4067 -322 c82 -39 142 -99 181 -182 27
-56 31 -79 35 -173 l5 -108 -2263 0 -2262 0 4 108 c3 94 7 115 34 172 48 102
128 171 239 206 32 10 436 12 2000 11 l1960 -2 67 -32z m216 -1670 l-3 -908
-31 -65 c-39 -83 -101 -145 -184 -184 l-65 -31 -1072 -3 -1073 -2 0 88 c0 54
-6 106 -16 134 -28 84 -106 154 -190 172 l-32 7 -5 142 c-3 110 -9 155 -26
201 -59 166 -185 291 -349 348 -61 21 -85 23 -252 23 -167 0 -191 -2 -252 -23
-164 -57 -290 -182 -349 -348 -17 -46 -23 -91 -26 -201 l-5 -141 -43 -11 c-58
-14 -123 -66 -160 -125 -27 -45 -30 -58 -34 -158 l-3 -110 -37 7 c-62 11 -157
61 -202 107 -23 23 -56 72 -73 108 l-31 65 -3 908 -2 907 2260 0 2261 0 -3
-907z m-3133 -390 c63 -21 127 -85 148 -148 12 -33 17 -82 17 -152 l0 -103
-330 0 -330 0 0 103 c0 129 17 185 75 242 59 59 106 73 251 74 88 1 134 -4
169 -16z m405 -1153 l0 -450 -570 0 -570 0 0 450 0 450 570 0 570 0 0 -450z"/>
<path d="M728 3249 c-43 -22 -78 -81 -78 -129 0 -50 35 -107 80 -130 38 -20
57 -20 870 -20 813 0 832 0 870 20 45 23 80 80 80 130 0 50 -35 107 -80 130
-38 20 -57 20 -872 20 -810 -1 -834 -1 -870 -21z"/>
<path d="M3167 3259 c-98 -23 -199 -109 -245 -207 -26 -56 -27 -61 -27 -252 0
-191 1 -196 27 -252 34 -74 112 -152 186 -186 l57 -27 515 0 515 0 67 33 c78
38 138 100 177 182 25 53 26 61 26 250 0 189 -1 197 -26 250 -39 82 -99 144
-177 182 l-67 33 -495 2 c-272 1 -512 -3 -533 -8z m980 -311 c22 -20 23 -29
23 -147 0 -114 -2 -127 -22 -148 l-21 -23 -446 0 c-542 0 -491 -18 -491 171 0
119 2 130 22 149 21 19 33 20 467 20 443 0 445 0 468 -22z"/>
</g>
</svg>
<h3 class="h4">PAIEMENT SECURISE</h3>
</div>
<p></p><center>Visa, Mastercard, Paypal</center><p></p>
</div>
</div>
</div>
</div>
</div>
<!-- Fin du code - Pre footer badges de confiance -->
Je l'ai légèrement modifié (3 colonnes seulement , 3 images et 3 textes) à partir de ce tutoriel :
https://dgeodev.com/tuto-shopify-footer-badges-confiance/
Tout est parfait sauf que je ne peux pas le modifier de manière native dans l'interface "personnaliser ma boutique"
Quelqu'un sait-il s'il vous plaît me donner (si cela est possible) un morceau de code à rajouter pour pouvoir basculer d'un texte en français vers l'anglais et vice-versa en fonction de la langue sélectionnée ?
Merci d'avance pour votre aide.
Bien cordialement,
Laurent
