مبدلات اللغة لثيمات Shopify: التخصيص واستكشاف الأخطاء وإصلاحها

يعد مبدل اللغة في Shopify أداة مرئية رائعة تمنح المستخدمين أكثر . إذا كان مفقودًا أو في المكان الخطأ أو لكي منذ تغيير أو تحديث السمة، فستكون سعيدًا لأنك عثرت على هذه المقالة!

أولاً، لا داعي للذعر. لا يحتوي مبدل اللغة على أي بيانات ترجمة، لذا فإن الأمر يتعلق فقط بإعادة ظهور الجهاز على موقعك. تابع القراءة وفي أقل من 10 دقائق ستتمكن لكي أي من العوامل الثلاثة المعتادة – تحديثات السمات، اللغات غير المنشورة، أو مشاكل التحميل البطيء – لكي ، وتطبيق الحل المطلوب.

أهم النقاط

• محولات اللغة Shopify هي مجرد مشغلات مرئية لا تؤثر على بيانات ترجمة موقعك الإلكتروني أو تحسين محركات البحث.
• تعود معظم مشكلات "المحول المختفي" لكي تحديثات لكي أو اللغات غير المنشورة أو رؤوس الصفحات التي يتم تحميلها بشكل بطيء.
• ما رائعًا على سطح المكتب غالبًا ما يكون مخفيًا على الهاتف المحمول، لذا قم دائمًا باختباره عند نقاط التوقف الشائعة.
• إذا لم تكن الحيل البصرية غير كافية، فإن أسلوبWeglot يمنحك مرونة حقيقية في الموضع والأسلوب دون التضحية بجودة الترجمة.

إعداد اللغات وطرق الترجمة

أولاً وقبل كل شيء – قبل أن يظهر مبدل اللغة، يجب لكي يقدم متجرك على Shopify أكثر لغة واحدة. إذا كنت قد قمت بالفعل بإعداد ترجماتك، فلا تتردد لكي لكي القسم التالي. وإلا، فإليك لكي ...

انتقل لكي الإعدادات > اللغات > إضافة لغة. اختر من بين أكثر من 20 خيارًا مدعومًا، تتراوح لكي الإسبانية لكي . تذكر أن النقر لكي "نشر" لكي لغة ضروري لكي الترجمات للعملاء. إذا فاتتك هذه الخطوة، فلن يكون لدى المبدل الجديد لكي .

تطبيق الترجمة والتكيف المدمج في Shopify هو أحد الخيارات لمتجر متعدد اللغات. فهو يترجم المحتوى الأساسي الخاص بك تلقائياً إلى لغتين مجاناً، مباشرةً من الإعدادات > قسم التطبيقات بعد إضافة اللغات.

للتحكم الجماعي، قم بتصدير بيانات لغة موقعك كملف CSV من الإعدادات > اللغات > تصدير. قم بتحرير الترجمات بشكل جماعي، ثم أعد استيرادها – المفتاح هو لكي كود Liquid داخل الأقواس المعقوفة {{ }} أو {% %}. هذا هو محرك السمات في Shopify، وليس نصًا عاديًا.

إذا كنت تفضل التحكم اليدوي الكامل، فإن Shopify تتيح للمتاجر إدارة لكي لغة. انظر تحت الإعدادات > اللغات > الإجراءات > طلب الترجمة لكي خدمات ترجمة احترافية مباشرة من لوحة تحكم Shopify.

بمجرد نشر اللغات وتطبيق الترجمات، تكون جاهزًا لكي أداة التبديل.

البحث عن المحوّل المدمج في القالب الخاص بك وتهيئته

يختبئ مبدل لغة السمة في Shopify في مكان واضح للعيان – ولكن فقط كنت تعرف أين لكي !

بالنسبة إلى قوالب Dawn وCraft وReresh، يوجد المحوّل في المتجر الإلكتروني > القوالب > التخصيص > التذييل.

اضغط على زر تمكين محدد اللغة، وسيظهر في أسفل موقعك. هذه السمات تقفل المبدل لكي لذا فإن وضعه في الرأس يتطلب رمزًا إضافيًا – لا يوجد زر مدمج لوضعه في أعلى الصفحة. (تلميح: سنوضح لك لكي بذلك في قسم "كيف أضيف محدد لغة لكي Shopify؟" أدناه).

تحافظ Sense و Studio على الأمور بنفس البساطة. فقط مخصص السمات الخاص بهما فقط أداة التبديل في إعدادات التذييل. ابحث عن "محدد اللغة" أو "الترجمة" – حيث يتم التبديل. مرة أخرى، لا يمكن وضع العنوان إلا إذا كنت واثقًا من إضافة مقتطفات كود مخصصة.

غالبًا ما تتضمن السمات المميزة مثل Prestige و Impulse و Motion وضع الرأس في إعدادات السمة > الرأس، أو في أقسام "اللغة والعملة". من المفيد فحص لوحات الرأس والتذييل للتعرف على إمكانيات التحرير – حيث توفر بعض السمات خيارات أكثر من غيرها.

إذا كنت لا تزال تستخدم سمة قديمة، فهذه السمات تسبق تحديثات متجر Shopify الإلكتروني 2.0. إن إضافة أو نقل أداة التبديل يعني الدخول إلى الكود، عادةً في footer.liquid. غالبًا ما تكون أداة تبديل اللغة مبرمجة بشكل ثابت، لذا فإن التخصيص يعني تعديل HTML وعلامات Liquid مباشرةً.

تعتمد التبديلات المرئية على القالب الخاص بك. تعرض معظم المحولات إما الأعلام أو أسماء اللغات أو كليهما. تتبع الخطوط والألوان نمط موقعك ما لم يتم تجاوزها يدويًا.

يحصل المتسوقون عبر الهواتف المحمولة على تجربة مختلفة قليلاً. تخفي معظم السمات أداة تبديل اللغة أسفل 768 بكسل لكي سلة التسوق والتنقل واضحة، وتركها أحياناً مرئية من خلال التذييلات أو القوائم القابلة للتوسيع.

عندما Weglot خيارك الأفضل

عندما تبدأ خيارات عندما المدمجة في الشعور بالضيق، Weglot توفر لك كل الحرية التي تحتاجها!

"إذا كنت تهدف إلى أكثر لغتين إضافيتين، وتريد لكي تصميم مبدل اللغات لكي مع علامتك التجارية، أو ترغب في التبديل التلقائي للموقع الجغرافي، أو تحتاج إلى مشغلات لغوية في كل من الرأس والتذييل، Weglot الحرية لكي ذلك، أكثر بكثير."

- يوجين إرنولت، مدير التسويق في Weglot

الإعداد سريع. قم بتثبيت التطبيق، واختر لغاتك، وسيظهر مبدل Weglotعلى الفور. إذا كنت ترغب لكي سهل الوصول للغاية، فما عليك سوى استخدام حيلة مقبض قائمةWeglot. أدخل Weglot في أي رابط تنقل لكي مبدل لغة قابل للنقر في أي مكان تريده، في وقت أقل مما لكي "et voila".

يصبح التخصيص البصري سهلاً بمجرد انضمام Weglot فريقك. تتيح لك لوحة التحكم الخاصة بنا معاينة التغييرات لكي في الوقت الفعلي، دون أي تعقيدات. قم بتعديل الموضع أو النمط أو الرموز، ما ما

أكثر Weglot بواسطة برنامج نصي غير متزامن يقل حجمه عن 100 كيلوبايت، لذا لن يؤثر على Core Web Vitals. تأكد لكي موقعك على PageSpeed Insights لكي بنفسك لكي

{{ai-banner}}

كيف أضيف محدد اللغة لكي عنوان Shopify لكي ؟

انتقل لكي مخصص السمة > الرأس > إضافة كتلة > سائل مخصص.

إذا كنت تريد استخدام أداة التبديل الأصلية لـ Shopify في العنوان، فانسخ رمز نموذج الترجمة من ملف footer.liquid الخاص بقالبك. يبدأ هذا النموذج عادةً بعلامة ترجمة ويغير معلمة الإعدادات المحلية في عندما الخاص بك عندما يختار عندما لغة جديدة.

قم بتغليف هذا الرمز في حاوية بأسماء فئات فريدة للتصميم. لكي أن المبدل الخاص بك يقع فوق القوائم الثابتة أو النوافذ المنبثقة، أضف CSS مثل z-index: 10000. هذه الخطوة الصغيرة تجعله مرئيًا وخاليًا من المشاكل.

بالنسبة لمستخدميWeglot فإن الإعداد أسهل. أسقط هذا الرمز:

<div id="weglot_here"></div>

في كتلة السائل المخصص الخاص بك. يكتشف Weglot هذه الحاوية على الفور ويسقطها بدقة في المحول الخاص بك.

بعد الإعداد، اختبر دائمًا سير عملية الدفع. تستخدم القوالب في بعض الأحيان ملفات رؤوس أو تخطيطات منفصلة أثناء عملية السداد، لذا قد لا يظهر المحوِّل الخاص بك ما لم تحصل تلك الملفات على نفس التحديث.

المشاكل الشائعة والإصلاحات السريعة

تختفي محوّلات اللغة في بعض الأحيان بعد تحديث القالب، أو تثبيت التطبيق، أو تعديل التخطيط. لا تقلق - عادةً ما تكون هذه مجرد عوائق بصرية، وليس أي فشل كبير. دعنا نستكشف العوائق الأربعة الأكثر شيوعًا.

1. لماذا لدي محوّلان لغويان؟

عادةً ما يعني ظهور مبدلين أن مبدل Shopify الأصلي وإصدار تطبيقك (مثل Weglot) نشطان في نفس الوقت. لكي انتقل لكي تذييل لكي تخصيص لكي وقم بتعطيل محدد اللغة الأصلي.

إذا كان القالب الخاص بك يستخدم رأسًا محملًا بشكل كسول، فقد يظهر محوّل Weglotأو يختفي عند تحميل العناصر. بالنسبة للسمات التي يتم فيها تحميل عناصر مثل الرؤوس ديناميكيًا، يوصي Weglot بتهيئة المُحوِّل يدويًا بمجرد وجود الرأس. يمكن القيام بذلك عن طريق إضافة برنامج Weglot النصي الخاص بك ثم استدعاء:

javascript
Weglot.initialize({
	api_key: 'YOUR_API_KEY',  
    // other options
});

يتم ذلك بمجرد تحميل العنوان بالكامل (على مثل، عبر حدث DOM جاهز أو بعد تأخير قصير). وهذا يضمن ظهور المبدل في المكان الصحيح في كل مرة.

لمزيد من الإرشادات حول وضع مبدل اللغة المخصص وتهيئته، راجع الوثائق الرسمية الخاصة بمبدل اللغة Weglot .

{{quote-image-banner}}

2. لماذا اختفى مبدل اللغة بعد تحديث السمة؟

تختفي المحولات في بعض الأحيان أثناء تحديث القالب، ولكن نادراً ما تكون الترجمات هي السبب في ذلك.

أولاً، تحقق مرة أخرى من أن لغاتك الإضافية لا تزال منشورة ضمن الإعدادات > اللغات. إذا لم يتم وضع علامة على أنها منشورة، فلن تظهر في أي مكان.

بعد ذلك، افتح المتجر الإلكتروني > السمات > تخصيص > تذييل الصفحة لكي زر تمكين محدد اللغة قيد التشغيل. بعض السمات، مثل Dawn، تعيد ضبط هذا الإعداد لكي بعد التحديثات.

ثالثًا، أضف /fr/ أو /es/ لكي عنوان URL لكي . تعني الصفحات المترجمة أن بيانات لغتك آمنة، وأنك فقط مشكلة عرض.

أخيرًا، احرص دائمًا على عرض موقعك على أجهزة متعددة - عادةً ما يكون عدم وجود محوّل مفقود على الهاتف المحمول تعارضًا في عرض CSS، وليس خللًا في الترجمة.

3. لماذا لا يظهر مبدل اللغة على الهاتف المحمول؟

إذا كان مبدل اللغة غير موجود على الهاتف المحمول، فمن المحتمل أن يكون ذلك بسبب التصميم. تستخدم معظم قوالب Shopify CSS لكي عناصر واجهة المستخدم الإضافية التي يقل حجمها عن 768 بكسل لكي مساحة لأيقونات سلة التسوق والقائمة. تتطلب إرشادات واجهة المستخدم البشرية من Apple أهدافًا تعمل باللمس بحجم 44x44 بكسل لكي إمكانية النقر على العناصر على الشاشات الصغيرة.

لكي هذا، أضف استعلام وسائط في CSS الخاص بك يثبت المبدل لكي اليمنى السفلية للأجهزة المحمولة، مع قيمة z-index عالية لكي في الأعلى. إذا كانت مساحة الرأس قصيرة، ضع المبدل داخل قائمة الهامبرغر الخاصة بالجوال.

4. الجلاد يعمل بعد التحديث ولكن ليس عند تحميل الصفحة الأولى؟

يظهر مبدل Weglotأحيانًا فقط التحديث اليدوي عندما تستخدم عندما رؤوسًا يتم تحميلها بشكل بطيء. في Dawn 15+ والسمات المماثلة، يتم رسم الرأس بواسطة JavaScript بعد تحميل الصفحة الرئيسية. Weglot مبدله في أسرع وقت ممكن، لذلك إذا لم يكن الرأس جاهزًا، فإن المبدل يهبط في مكانه الاحتياطي - غالبًا في أسفل اليمين - أو يختفي بعد ثانية.

قم بحل هذه المشكلة عن طريق تعيين علامة WGNOTINITIZIZED قبل تحميل نص Weglot الخاص بك (في theme.liquid). ثم اتصل بـ Weglot.acciize() يدويًا، بعد عرض الرأس (باستخدام setTimeout أو حدث جاهز DOM).

بدلاً من ذلك، يمكنك تعيين موضع بديل في Weglot ، مثل العنوان أولاً، ثم التذييل. بهذه الطريقة، سيظهر المبدل دائماً في مكان ما، حتى لو تأخر العنوان لكي !

Checklist التنفيذ الكاملة الخاصة بك

أولاً، قبل الشروع في إجراء أي تغييرات، قم بتكرار قالبك باستخدام المتجر الإلكتروني > القوالب > الإجراءات > تكرار. يمنحك هذا صندوق رمل آمن للاختبار والإصلاحات.

بعد ذلك، تحقق جيدًا من أن جميع اللغات المستهدفة تظهر على أنها منشورة في الإعدادات > اللغات. تأكد من أن مبدل اللغة مرئي – بعض السمات تتطلب تبديل العنوان، وبعضها تظهر في التذييل، لذا تحقق من كلا المكانين.

جرب الوصول المباشر إلى عنوان URL عن طريق إضافة /es/ أو /fr/ لكي عنوان لكي . إذا تم تحميل هذه الصفحات، فهذا يعني أن ترجماتك جاهزة، ويجب فقط الانتباه فقط التبديل. قم بمعاينة متجرك بأحجام مختلفة – 375 بكسل و768 بكسل و1920 بكسل – باستخدام أجهزة حقيقية لكي أي عيوب في الاستجابة.

افتح Chrome DevTools لكي أوقات تحميل البرامج النصية. فالتبديل البطيء يعني مشكلة للمتسوقين. قم دائمًا بإجراء عملية شراء تجريبية بكل لغة، لأن قوالب الدفع تحب لكي . أخيرًا، قم بتوثيق جميع إعداداتك قبل تحديثات السمة. بهذه الطريقة، ستتعافى بسرعة من أي إعادة تعيين مفاجئة.

إذا كنت جاهزًا للتبديل الفوري الخالي من الإحباط، فمع Weglot يمكنك تغيير اللغة بنقرة واحدة. جرّب الإصدار التجريبي المجاني لمدة 14 يومًا واكتشف مدى سهولة البيع بلغات متعددة.