Eingebetteten Webseite per JavaScript(nicht mit iFrame!) Sprachmenü Lösung suchen

Oder muss mann das dann mit CSS Lösen? Am besten wäre es gleich im HTML Style sehet einzustellen. :slight_smile:

Nochmals danke @lovetee, also wir kommen allem schon um einiges näher, hab mir den Code jetzt angeschaut und ich glaube ich könnte das ganze dann auch im HTML Code lösen wegen der Ansicht. Wäre dennoch sehr dankbar über jede Unterstützung und Code Snipe.

Aber leider stoße ich gleich an ein problem das ich nicht selber lösen kann. Also nicht mit den mittel die mir zur verfügung stehen. Woher hast du die Daten im <a class= nach style= diese info würde sehr helfen. Danke dir!!!

Welche Sprachen brauchst du denn? Dann mache ich das kurz fertig. (nicht alle hoffentlich ;))

1 Like

@lovetee

Leider schon wie gesagt wir haben jetzt schon Interessenten aus aller welt. Am liebsten wäre mir ja noch spanisch für ganz Lateinamerika XD

Also wie ich es versucht habe bis jetzt.

Hier mal der Code CSS müsste noch gemacht werden damit es gut aus schaut aber leider geht die Funktionalität nicht. Keine Ahnung wo ich da den Fehler habe.

<div class="sprd-language-switch__languages">
<div class="sprd-language-switch__group">
	<h3 class="sprd-language-switch__caption">Europe</h3>
<div class="sprd-language-switch__row">
<div class="sprd-language-switch__column">
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.de/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><path fill="#ffce00" d="M0 320h640v160.002H0z"></path><path d="M0 0h640v160H0z"></path><path fill="#d00" d="M0 160h640v160H0z"></path></svg>Deutschland</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.fr/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#fff" d="M0 0h640v480H0z"></path><path fill="#00267f" d="M0 0h213.337v480H0z"></path><path fill="#f31830" d="M426.662 0H640v480H426.662z"></path></g></svg>France</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.co.uk/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><defs><clipPath id="sprd-flag-GB-a"><path fill-opacity=".67" d="M-85.333 0h682.67v512h-682.67z"></path></clipPath></defs><g clip-path="url(#sprd-flag-GB-a)" transform="translate(80) scale(.94)"><g stroke-width="1pt"><path fill="#006" d="M-256 0H768.02v512.01H-256z"></path><path d="M-256 0v57.244l909.535 454.768H768.02V454.77L-141.515 0H-256zM768.02 0v57.243L-141.515 512.01H-256v-57.243L653.535 0H768.02z" fill="#fff"></path><path d="M170.675 0v512.01h170.67V0h-170.67zM-256 170.67v170.67H768.02V170.67H-256z" fill="#fff"></path><path d="M-256 204.804v102.402H768.02V204.804H-256zM204.81 0v512.01h102.4V0h-102.4zM-256 512.01L85.34 341.34h76.324l-341.34 170.67H-256zM-256 0L85.34 170.67H9.016L-256 38.164V0zm606.356 170.67L691.696 0h76.324L426.68 170.67h-76.324zM768.02 512.01L426.68 341.34h76.324L768.02 473.848v38.162z" fill="#c00"></path></g></g></svg>United Kingdom</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.be/100464953/?lang=nl" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path d="M0 0h213.335v479.997H0z"></path><path fill="#ffd90c" d="M213.335 0H426.67v479.997H213.335z"></path><path fill="#f31830" d="M426.67 0h213.335v479.997H426.67z"></path></g></svg>Belgie (Nederlands)</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.be/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path d="M0 0h213.335v479.997H0z"></path><path fill="#ffd90c" d="M213.335 0H426.67v479.997H213.335z"></path><path fill="#f31830" d="M426.67 0h213.335v479.997H426.67z"></path></g></svg>Belgique (Français)</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.dk/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><path fill="#c60c30" d="M0 0h640.1v480H0z"></path><path fill="#fff" d="M205.714 0h68.57v480h-68.57z"></path><path fill="#fff" d="M0 205.714h640.1v68.57H0z"></path></svg>Danmark</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.es/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><path fill="#c60b1e" d="M0 0h640v480H0z"></path><path fill="#ffc400" d="M0 120h640v240H0z"></path></svg>España</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.ie/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#fff" d="M0 0h639.995v480.004H0z"></path><path fill="#009A49" d="M0 0h213.334v480.004H0z"></path><path fill="#FF7900" d="M426.668 0h213.334v480.004H426.668z"></path></g></svg>Ireland</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.it/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#fff" d="M0 0h640v479.997H0z"></path><path fill="#009246" d="M0 0h213.331v479.997H0z"></path><path fill="#ce2b37" d="M426.663 0h213.331v479.997H426.663z"></path></g></svg>Italia</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.nl/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt" transform="scale(1.25 .9375)"><rect rx="0" ry="0" height="509.76" width="512" fill="#fff"></rect><rect rx="0" ry="0" height="169.92" width="512" y="342.08" fill="#21468b"></rect><path fill="#ae1c28" d="M0 0h512v169.92H0z"></path></g></svg>Nederland</a>
</div>
	<div class="sprd-language-switch__column">
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.no/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><path fill="#ef2b2d" d="M0 0h640v480H0z"></path><path fill="#fff" d="M180 0h120v480H180z"></path><path fill="#fff" d="M0 180h640v120H0z"></path><path fill="#002868" d="M210 0h60v480h-60z"></path><path fill="#002868" d="M0 210h640v60H0z"></path></svg>Norge</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.pl/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd"><path fill="#e9e8e7" d="M640 480H0V0h640z"></path><path fill="#d4213d" d="M640 480H0V240h640z"></path></g></svg>Polska</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.ch/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#d52b1e" d="M0 0h640v480H0z"></path><g fill="#fff"><path d="M170 194.997h299.996v89.997H170z"></path><path d="M275 89.997h89.996v299.996H275z"></path></g></g></svg>Schweiz (Deutsch)</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.ch/100464953/?lang=fr" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#d52b1e" d="M0 0h640v480H0z"></path><g fill="#fff"><path d="M170 194.997h299.996v89.997H170z"></path><path d="M275 89.997h89.996v299.996H275z"></path></g></g></svg>Suisse (Français)</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.ch/100464953/?lang=it" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#d52b1e" d="M0 0h640v480H0z"></path><g fill="#fff"><path d="M170 194.997h299.996v89.997H170z"></path><path d="M275 89.997h89.996v299.996H275z"></path></g></g></svg>Svizzera (Italiano)</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.fi/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><path fill="#fff" d="M0 0h640v480H0z"></path><path fill="#003580" d="M0 174.545h640v130.909H0z"></path><path fill="#003580" d="M175.455 0h130.909v480H175.455z"></path></svg>Suomi</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.se/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><defs><clipPath id="sprd-flag-SE-clip"><path fill-opacity=".67" d="M-53.421 0h682.67v512h-682.67z"></path></clipPath></defs><g clip-path="url(#sprd-flag-SE-clip)" transform="translate(50.082) scale(.9375)"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#006aa7" d="M-121.103.302h256V205.1h-256zM-121.103 307.178h256v204.8h-256z"></path><path fill="#fecc00" d="M-121.103 204.984h256v102.4h-256z"></path><path fill="#fecc00" d="M133.843.01h102.4v511.997h-102.4z"></path><path fill="#fecc00" d="M232.995 205.013h460.798v102.4H232.995z"></path><path fill="#006aa7" d="M236.155 307.208h460.797v204.799H236.155zM236.155.302h460.797V205.1H236.155z"></path></g></g></svg>Sverige</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.at/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd"><path fill="#fff" d="M640 480H0V0h640z"></path><path fill="#df0000" d="M640 480H0V319.997h640zm0-319.875H0V.122h640z"></path></g></svg>Österreich</a>
		<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.net/100464953/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><defs><g id="sprd-flag-EU-d"><g id="sprd-flag-EU-b"><path d="M0-1l-.31.95.477.156z" id="sprd-flag-EU-a"></path><use transform="scale(-1 1)" xlink:href="#sprd-flag-EU-a"></use></g><g id="sprd-flag-EU-c"><use transform="rotate(72)" xlink:href="#sprd-flag-EU-b"></use><use transform="rotate(144)" xlink:href="#sprd-flag-EU-b"></use></g><use transform="scale(-1 1)" xlink:href="#sprd-flag-EU-c"></use></g></defs><path fill="#039" d="M0 0h640v480H0z"></path><g transform="translate(320 242.263) scale(23.7037)" fill="#fc0"><use height="100%" width="100%" xlink:href="#d" y="-6"></use><use height="100%" width="100%" xlink:href="#d" y="6"></use><g id="sprd-flag-EU-e"><use height="100%" width="100%" xlink:href="#sprd-flag-EU-d" x="-6"></use><use height="100%" width="100%" xlink:href="#sprd-flag-EU-d" transform="rotate(-144 -2.344 -2.11)"></use><use height="100%" width="100%" xlink:href="#sprd-flag-EU-d" transform="rotate(144 -2.11 -2.344)"></use><use height="100%" width="100%" xlink:href="#sprd-flag-EU-d" transform="rotate(72 -4.663 -2.076)"></use><use height="100%" width="100%" xlink:href="#sprd-flag-EU-d" transform="rotate(72 -5.076 .534)"></use></g><use height="100%" width="100%" xlink:href="#sprd-flag-EU-e" transform="scale(-1 1)"></use></g></svg>Europe</a>
</div>
</div>
</div>

<div class="sprd-language-switch__group sprd-language-switch__group--na">
	<h3 class="sprd-language-switch__caption">North America</h3>
<div class="sprd-language-switch__row">
<div class="sprd-language-switch__column">
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.com/100600463/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g fill-rule="evenodd" transform="scale(.9375)"><g stroke-width="1pt"><path d="M0 0h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0z" fill="#bd3d44"></path><path d="M0 39.385h972.81V78.77H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0zm0 78.77h972.81v39.385H0z" fill="#fff"></path></g><path fill="#192f5d" d="M0 0h389.12v275.69H0z"></path><g fill="#fff"><path d="M32.427 11.8l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734 3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54 10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855 39.37l3.54 10.896h11.458L70.583 57l3.542 10.897-9.27-6.734-9.269 6.734L59.126 57l-9.269-6.734h11.458zm64.852 0l3.54 10.896h11.457L135.435 57l3.54 10.897-9.268-6.734-9.27 6.734L123.978 57l-9.27-6.734h11.458zm64.855 0l3.54 10.896h11.458L200.29 57l3.541 10.897-9.27-6.734-9.268 6.734L188.833 57l-9.269-6.734h11.457zm64.855 0l3.54 10.896h11.458L265.145 57l3.541 10.897-9.269-6.734-9.27 6.734L253.69 57l-9.27-6.734h11.458zm64.852 0l3.54 10.896h11.457L329.997 57l3.54 10.897-9.268-6.734-9.27 6.734L318.54 57l-9.27-6.734h11.458zM32.427 66.939l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734 3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54 10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855 94.508l3.54 10.897h11.458l-9.27 6.734 3.542 10.897-9.27-6.734-9.269 6.734 3.54-10.897-9.269-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541 10.897-9.27-6.734-9.268 6.734 3.54-10.897-9.269-6.734h11.457zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541 10.897-9.269-6.734-9.27 6.734 3.542-10.897-9.27-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zM32.427 122.078l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734 3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54 10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855 149.647l3.54 10.897h11.458l-9.27 6.734 3.542 10.897-9.27-6.734-9.269 6.734 3.54-10.897-9.269-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541 10.897-9.27-6.734-9.268 6.734 3.54-10.897-9.269-6.734h11.457zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541 10.897-9.269-6.734-9.27 6.734 3.542-10.897-9.27-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458z"></path><g><path d="M32.427 177.217l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734 3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54 10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458zM64.855 204.786l3.54 10.897h11.458l-9.27 6.734 3.542 10.897-9.27-6.734-9.269 6.734 3.54-10.897-9.269-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541 10.897-9.27-6.734-9.268 6.734 3.54-10.897-9.269-6.734h11.457zm64.855 0l3.54 10.897h11.458l-9.27 6.734 3.541 10.897-9.269-6.734-9.27 6.734 3.542-10.897-9.27-6.734h11.458zm64.852 0l3.54 10.897h11.457l-9.269 6.734 3.54 10.897-9.268-6.734-9.27 6.734 3.541-10.897-9.27-6.734h11.458z"></path></g><g><path d="M32.427 232.356l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.853 0l3.541 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735H93.74zm64.856 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.269 6.734 3.54-10.896-9.269-6.735h11.458zm64.852 0l3.54 10.896h11.457l-9.269 6.735 3.54 10.896-9.268-6.734-9.27 6.734 3.541-10.896-9.27-6.735h11.458zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.27-6.734-9.268 6.734 3.54-10.896-9.269-6.735h11.457zm64.855 0l3.54 10.896h11.458l-9.27 6.735 3.541 10.896-9.269-6.734-9.27 6.734 3.542-10.896-9.27-6.735h11.458z"></path></g></g></g></svg>United States</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.ca/100600463/?lang=fr" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g transform="translate(74.118) scale(.9375)"><path fill="#fff" d="M81.137 0h362.276v512H81.137z"></path><path fill="#bf0a30" d="M-100 0H81.138v512H-100zm543.413 0H624.55v512H443.414zM135.31 247.41l-14.067 4.808 65.456 57.446c4.95 14.764-1.72 19.116-5.97 26.86l71.06-9.02-1.85 71.512 14.718-.423-3.21-70.918 71.13 8.432c-4.402-9.297-8.32-14.233-4.247-29.098l65.414-54.426-11.447-4.144c-9.36-7.222 4.044-34.784 6.066-52.178 0 0-38.195 13.135-40.698 6.262l-9.727-18.685-34.747 38.17c-3.796.91-5.413-.6-6.304-3.808l16.053-79.766-25.42 14.297c-2.128.91-4.256.125-5.658-2.355l-24.45-49.06-25.21 50.95c-1.9 1.826-3.803 2.037-5.382.796l-24.204-13.578 14.53 79.143c-1.156 3.14-3.924 4.025-7.18 2.324l-33.216-37.737c-4.345 6.962-7.29 18.336-13.033 20.885-5.744 2.387-24.98-4.823-37.873-7.637 4.404 15.895 18.176 42.302 9.46 50.957z"></path></g></svg>Canada (Français)</a>
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.ca/100600463/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g transform="translate(74.118) scale(.9375)"><path fill="#fff" d="M81.137 0h362.276v512H81.137z"></path><path fill="#bf0a30" d="M-100 0H81.138v512H-100zm543.413 0H624.55v512H443.414zM135.31 247.41l-14.067 4.808 65.456 57.446c4.95 14.764-1.72 19.116-5.97 26.86l71.06-9.02-1.85 71.512 14.718-.423-3.21-70.918 71.13 8.432c-4.402-9.297-8.32-14.233-4.247-29.098l65.414-54.426-11.447-4.144c-9.36-7.222 4.044-34.784 6.066-52.178 0 0-38.195 13.135-40.698 6.262l-9.727-18.685-34.747 38.17c-3.796.91-5.413-.6-6.304-3.808l16.053-79.766-25.42 14.297c-2.128.91-4.256.125-5.658-2.355l-24.45-49.06-25.21 50.95c-1.9 1.826-3.803 2.037-5.382.796l-24.204-13.578 14.53 79.143c-1.156 3.14-3.924 4.025-7.18 2.324l-33.216-37.737c-4.345 6.962-7.29 18.336-13.033 20.885-5.744 2.387-24.98-4.823-37.873-7.637 4.404 15.895 18.176 42.302 9.46 50.957z"></path></g></svg>Canada (English)</a>
</div>

</div>
	<h3 class="sprd-language-switch__caption">Oceania</h3>
<div class="sprd-language-switch__row">
<div class="sprd-language-switch__column">
	<a class="sprd-Item sprd-flag sprd-country sprd-language-switch__link" href="https://shop.spreadshirt.com.au/100600463/" rel="nofollow"><svg class="sprd-country__icon" viewBox="0 0 640 480"><g stroke-width="1pt"><path fill="#006" d="M0 0h640v480H0z"></path><path d="M0 0v27.95L307.037 250h38.647v-27.95L38.647 0H0zm345.684 0v27.95L38.647 250H0v-27.95L307.037 0h38.647z" fill="#fff"></path><path d="M144.035 0v250h57.614V0h-57.615zM0 83.333v83.333h345.684V83.333H0z" fill="#fff"></path><path d="M0 100v50h345.684v-50H0zM155.558 0v250h34.568V0h-34.568zM0 250l115.228-83.334h25.765L25.765 250H0zM0 0l115.228 83.333H89.463L0 18.633V0zm204.69 83.333L319.92 0h25.764L230.456 83.333H204.69zM345.685 250l-115.228-83.334h25.765l89.464 64.7V250z" fill="#c00"></path><path d="M299.762 392.523l-43.653 3.795 6.013 43.406-30.187-31.764-30.186 31.764 6.014-43.406-43.653-3.795 37.68-22.364-24.244-36.495 40.97 15.514 13.42-41.713 13.42 41.712 40.97-15.515-24.242 36.494m224.444 62.372l-10.537-15.854 17.81 6.742 5.824-18.125 5.825 18.126 17.807-6.742-10.537 15.854 16.37 9.718-18.965 1.65 2.616 18.85-13.116-13.793-13.117 13.794 2.616-18.85-18.964-1.65m16.368-291.815l-10.537-15.856 17.81 6.742 5.824-18.122 5.825 18.12 17.807-6.74-10.537 15.855 16.37 9.717-18.965 1.65 2.616 18.85-13.116-13.793-13.117 13.794 2.616-18.85-18.964-1.65m-89.418 104.883l-10.537-15.853 17.808 6.742 5.825-18.125 5.825 18.125 17.808-6.742-10.536 15.853 16.37 9.72-18.965 1.65 2.615 18.85-13.117-13.795-13.117 13.795 2.617-18.85-18.964-1.65m216.212-37.929l-10.558-15.854 17.822 6.742 5.782-18.125 5.854 18.125 17.772-6.742-10.508 15.854 16.362 9.718-18.97 1.65 2.608 18.85-13.118-13.793-13.117 13.793 2.61-18.85-18.936-1.65m-22.251 73.394l-10.367 6.425 2.914-11.84-9.316-7.863 12.165-.896 4.605-11.29 4.606 11.29 12.165.897-9.317 7.863 2.912 11.84" fill-rule="evenodd" fill="#fff"></path></g></svg>Australia</a>
</div>
</div>
</div>
</div> 

Aber vlt hilft dir der Code ja weiter.

Also so schaut es dann Schluss endlich aus aber ich werde dann immer nur auf die selbe Seite verwiesen. Hab jetzt in JS script aber nur ein LOCALE angegeben. Passt das so. Weil der Knopf weis irgendwie nicht wohin das ganze gesehen soll. Ich glaub das Bild kann dir auch was sagen.

Danke dir nochmals @lovetee und ich spürte das wir der Lösung schon ganz nah sind :slight_smile:

1 Like

Kann das der Fehler sein?

Ich habe 2 Seiten für diese 2 Shops EU und US eingerichtet mit panet-ambassador

auf der einen Seite ist der JS von Spreadshirt eingebaut mit Locale USA und in Shop mit Locale EU

dazu gibt es ja so gesehen jetzt 4 URLS (wenn ich es richtig verstehe)

Hier die URLs mit den JS EU Shop


Hier die URLs mit den JS US Shop


Am liebsten wäre mir wenn ich nur eine Seite habe und dann halt mit der Extension ?lang=de.
Aber in unseren fall soll es ja so sein das es egal ist wo der Nutzer gerade drauf ist auf EN mit/ohne ?lang=en oder auf DE mit ?lange=de. Der Nutzer soll ja dann in Spreadshirt Shop die Sprache, und somit die Währung und den richtigen Shop wählen können. Und so auf die richtige Seite gelangen.

Ich hoffe ich mach es nicht komplizierter was es ist aber ich lerne auch täglich ein wenig dazu wie das ganze zusammen hängt und funktioniert. Also ich mein Codieren an sich :slight_smile:

Hier ist dein Dropdown: https://codepen.io/thimo1/pen/BgJzJG
CSS brauchst du nur ab hier: /******* use here *******/

Das HTML kopierst du bitte in HTML für Shop-Header bearbeiten
Das CSS ab /******* use here *******/ bitte in Shop CSS bearbeiten

–> :spreadshop: Tipps und Tricks: Die besten Lifehacks

1 Like

Ja das stimmt. Dachte es geht. Ging aber nicht und dann habe ich deinen Code von VM mit den verglichen und gesehen das deiner anders ist aber geht. Warum weis ich nicht XD. Da bin ich leider zu blöd dafür. XD

Ohh wow werd es gleich mal ausprobieren danke danke @lovetee du bist der beste. Machst du das hobby mäßig?

Hallo @lovetee also ich habe deinen tollen Code ausprobiert. Danke das du es gleich so leicht gemacht hast und HTML und CSS getrennt hast.

Eigentlich schaut es so aus als müsste alles gehen. Siehe Bilder.

Aber in der eingebeteten Seite passiert das:

  1. Wenn ich als Ausgang den EU Shop habe auf United States drücke passiert nichts. Ich bleibe im selben Store Deutsch und Euro bleiben erhalten.
  2. Wenn ich als Ausgangspunkt von US Shop auf Deutschland drücke komme ich in den Deutschen Shop mit Euro. Also das geht nur umgekehrt nicht.
    Ich sehe auch das sich die Url verändert. Also sie springt zwischen ?lange=de und ohne Extension herum. Warum weis ich leider nicht habs nur beobachtet.
  3. In der eingebetteten version geht leider der dropdown nicht. Ich glaube irgendwie greift das CSS nicht ganz drauf zu.
  4. Ich bin sicher zu blöd daher schalte ich mal die sperre aus so das jeder auf die Seite zugreifen kann. Vlt hilft es dir, es life selber zu sehen und zu testen. Das übersteigt bei weiten mein wissen. XD

Danke dir aber sehr für alles was du Bissher gemacht hast. :slight_smile:

Du kannst ab jetzt auf https://www.querencia.tv/planet-ambassador-online-shop
und https://www.querencia.tv/planet-ambassador-us-online-shop zugreifen und drauf schauen. Wenn das mit den Drop down hin haut wollen wir natürlich die Seite US Einsparren. Und nur noch die erste URL verwenden.

bei deinem us shop sehe ich nicht das Activate all languages aktiv ist. Aktivierst du das bitte einmal, dann sollte der Stil passen.

Also es sind eigentlich bei beiden shops alle sprachen aktiv. eingestellt. und auch jeweils richtig verlinkt. Und das auch mit der richtigen Shop ID. 100600463 US und 100464953 EU. Aber ich reaktive es noch mal und aktivier es vlt hilft es ja

Ok also nach der Reaktivierung schaut es jetzt auch auf der Webseite so aus wie es sein soll. Nur springt es leider noch nicht zwischen eu und us shop bzw. irgendeine spräche also auch nicht von DE in UK UK in US es ist immer nur die De Seite angezeigt. Habe ich was wichtiges vergessen was ich die ganze zeit übersehe.

Macht es auch sinn wenn ich in US und in AT Shop beim weiterleiten die selbe URL angebe. Ich bin einfach nur ratlos :frowning:

Oder ist es so das ich von Spreatshirt alle Shops einrichten muss. Das glaube ich aber nicht da ja sonnst alle sprachen keinen sinn machen würde.

Danke dir jetzt schon für deine Antwort.

Melde mich später

Ok Danke dir, freu mich wieder von dir zu lesen. :slight_smile:

Also du musst leider separate Seiten für deine Shops anlegen, da es noch immer nicht möglich ist, die Sprache innerhalb eines eingebundenen Shops zu wechseln :roll_eyes: (Navigation passiert extern, nicht innerhalb des Spreadshops :roll_eyes:).

Wenn du die separaten Seiten angelegt hast, passen wir die Links der Sprachauswahl im Spreadshop an und ändern sie passend zu deinen angelegten Seiten.

P.s. habe einen Featurerequest erstellt: Spreadshop: Add language selection for embedded shops

1 Like

Hallo lovetee,

Danke für die Nachricht. Ich habs mir fast gedacht. Cool, also Spreadshirt verlinkt es dann auf die dafür eingerichtete Links. Um hier Seiten und Speed zu sparren werd ich mal bei Wix nachfragen ob wir im Hintergrund alle ?lange=de, fr, us, usw usw. haben obwohl wir sie nicht aktiviert haben sonder nur de und en.
Also in ganzen heist es wir müssen jetzt nicht für jedes land ein Account machen und nochmals alles hochladen. Das wäre echt super das sparrt extrem viel Arbeit und Zeit. Also das würde dann mit den Locale gelöst werden.

Also das ist generell eine Funktion vom Spreadshop, du brauchst nur einen Shop und dort alle Sprachen aktivieren und GO. Du musst, wie du schon selbst sagtest, nur auf die verschiedenen URLs verlinken oder locals angeben :slight_smile:

Wie meinst du das genau mit locals angeben? :slight_smile:
Kann man in den JS von Spreadshirt alle locals angeben? und wenn ja wie schreibt man den Code? Und Locals kann ich dann nur US,CA-EN,CA-FR,Australia und dann EU und alle Länder. Auf eine jeweils eine separate URL.

Oh man ich frag so viel tut mir leid.

Hallo lovetee, wir haben jetzt die 23 Seiten eingerichtet und auf jeder Seite den JS von Spreadshirt eingerichtet. Wir haben aber nur ein Konto bei AT und COM eingerichtet. Nicht bei allen anderen sprachen!
Doch auf der Webseite werden jetzt bei ein paar urls mehrere Spreadshirt Shops angezeigt und das irgendwie random.

Jetzt haben wir 23 neue Seiten eingerichtet um all eure Sprachen anbieten zu können (Danke für diese tolle Arbeit) Ich wünsche mir nur noch Spanisch für Lateinamerika. Ihr habt ja schon Spanisch in ES daher ist schon ein teil der Arbeit erledigt. :slight_smile:

Auf jeder Seite ist jetzt der jeweilige JS Code mit dem HREF und LOCALE eingerichtet. Muss ich auch bei src die richtige URL Endung angeben? Hier ein paar Beispiele

<div id="myShop">

    <a href="https://shop.spreadshirt.com/planet-ambassadors">planet-ambassadors</a>

</div>

<script>

    var spread_shop_config = {

        shopName: 'planet-ambassadors',

        locale: 'us_US',

        prefix: '[https://shop.spreadshirt.com](https://shop.spreadshirt.com/)',

        baseId: 'myShop'

    };

</script>

<script type="text/javascript"

        src="https://shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js">

</script>

<div id="myShop">

    <a href="https://shop.spreadshirt.ca/100600463/?lang=fr">planet-ambassadors</a>

</div>

<script>

    var spread_shop_config = {

        shopName: 'planet-ambassadors',

        locale: 'fr_CA',

        prefix: '[https://shop.spreadshirt.com](https://shop.spreadshirt.com/)',

        baseId: 'myShop'

    };

</script>

<script type="text/javascript"

        src="https://shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js">

</script>

<div id="myShop">

    <a href="https://shop.spreadshirt.com.au/100600463/">planet-ambassadors</a>

</div>

<script>

    var spread_shop_config = {

        shopName: 'planet-ambassadors',

        locale: 'en_AU',

        prefix: '[https://shop.spreadshirt.com](https://shop.spreadshirt.com/)',

        baseId: 'myShop'

    };

</script>

<script type="text/javascript"

        src="https://shop.spreadshirt.com/shopfiles/shopclient/shopclient.nocache.js">

</script>

<div id="myShop">

    <a href="https://shop.spreadshirt.co.uk/100464953/">planet-ambassador</a>

</div>

<script>

    var spread_shop_config = {

        shopName: 'planet-ambassador',

        locale: 'en_GB',

        prefix: '[https://shop.spreadshirt.at](https://shop.spreadshirt.at/)',

        baseId: 'myShop'

    };

</script>

<script type="text/javascript"

        src="https://shop.spreadshirt.at/shopfiles/shopclient/shopclient.nocache.js">

</script>

<div id="myShop">

    <a href="https://shop.spreadshirt.at/planet-ambassador">planet-ambassador</a>

</div>

<script>

    var spread_shop_config = {

        shopName: 'planet-ambassador',

        locale: 'de_AT',

        prefix: '[https://shop.spreadshirt.at](https://shop.spreadshirt.at/)',

        baseId: 'myShop'

    };

</script>

<script type="text/javascript"

        src="https://shop.spreadshirt.at/shopfiles/shopclient/shopclient.nocache.js">

</script>

<div id="myShop">

    <a href="https://shop.spreadshirt.de/100464953/">planet-ambassador</a>

</div>

<script>

    var spread_shop_config = {

        shopName: 'planet-ambassador',

        locale: 'de_DE',

        prefix: '[https://shop.spreadshirt.at](https://shop.spreadshirt.at/)',

        baseId: 'myShop'

    };

</script>

<script type="text/javascript"

        src="https://shop.spreadshirt.at/shopfiles/shopclient/shopclient.nocache.js">

</script>

Bitte sag mir ob ich hier noch was verbessern muss. Danke dir sehr. Hoffe du bist morgen wieder Online :wink: