سعید صبح خیز

چطور توضیحات ویژگیهای محصولات در پرستاشاپ رو چپ چین کنیم؟

سلام 
به صورت پیش فرض توضیحاتی که برای ویژگیها نوشته میشه راست به چپ هست 
چطور میشه کدی نوشت که برای توضیحاتی که کلا به صورت انگلیسی هست چپ به راست و وقتی فارسی هست راسط به چپ نوشته بشه - یعنی به صورت ترکیبی
لطفا تصویر زیر رو ببینید کامل مشخصه 
وقتی توضیحات به صورت انگلیسی هست و راست به چپ نمایش داده میشه خوانایی اون سخته 

سیدهاشم افخمی

سلام

بهترین راه به نظرم استفاده از جاوا اسکریپت هست ، در واقع باید با استفاده از js مقدار ویژگی رو مشخص کنید که فارسی یا انگلیسی هست و بعد در صورت انگلیسی بودن css مدنظر رو به تگ html مقدار اضافه کنید.

برای این کار هم میتونید از کتابخانه رایگان persian rex استفاده کنید ، که البته قاعدتا برای پیاده سازی این موضوع نیاز دارید که به css و js آشنایی داشته باشید.

کتابخانه ای که گفتم رو به قالب اضافه کنید و بعد با استفاده از کد زیر فکر میکنم مشکلتون حل میشه

$('.product-features > dl.data-sheet dd.value').each(function() {
    if (!persianRex.text.test($(this).html())) {
        $(this).css({'text-align': 'left', 'direction': 'ltr'});
    }
});

نکته : دقت کنید که مقدار سلکتور که در خط اول مشخص شده براساس قالب پیش فرض هست و باید براساس قالبی که استفاده می کنید تغییر بدید.

سعید صبح خیز

سلام جناب افخمی 
من تخصص برنامه نویسی ندارم 
امکانش هست با هزینه شرکت شما اینکارو انجام بده 
چون کار من نیست

سیدهاشم افخمی

سلام

فعلا پرستایار خدمات اختصاصی ندارد ، همانطور که می دانید برنامه ها و سیاست های پرستایار توسعه عمومی پرستاشاپ هست و برای این موارد میتونید از خدمات سایر همکاران استفاده کنید.

راهنمایی دقیق تری انجام میدم که احتمالا خودتون بتونید انجام بدید :

۱- کتابخانه persianRex را از گیتهاب دانلود کنید.

۲- در پوشه ای که دانلود کردید فایل اصلی کتابخانه با نام persian-rex.min.js رو پیدا کنید ، در پوشه dist قرار داره.

۳- برای اضافه کردن فایل به پرستاشاپ ۱.۶ به مسیر زیر برید و فایل رو آپلود کنید:

themes\YOUR-THEME\js\autoload

و اگر از پرستاشاپ ۱.۷ استفاده میکنید محتوای فایل کتابخانه را در فایل custom.js قالبتون کپی کنید:

\themes\YOUR-THEME\assets\js\custom.js

تا اینجا موفق شدید کتابخانه رو به پرستاشاپ اضافه کنید.

۴ - مرحله آخر هم اضافه کردن کد js زیر به پرستاشاپ هست که در پرستاشاپ ۱.۶ میتونید به آخر فایل کتابخانه  و در پرستاشاپ ۱.۷ هم به آخر همین فایل custom.js اضافه کنید.

$('.product-features > dl.data-sheet dd.value').each(function() {
    if (!persianRex.text.test($(this).html())) {
        $(this).css({'text-align': 'left', 'direction': 'ltr'});
    }
});

نکته نهایی اینکه در کد بالا باید مقدار سلکتور که در خط اول هست را براساس قالبتون تغییر بدید.

ایجاد گفتگو جدید

اگر سوالی دارید ، اگر چالشی در فروشگاه خود دارید ، می توانید گفتگو خود را ایجاد نمایید.

ایجاد گفتگو جدید

دوره های آموزشی

Loading...