خوش آمدید به انجمن ای فری

بازدیدکننده گرامی برای دسترسی به تمامی امکانات در انجمن عضو شوید. پس از ثبت نام و ورود به سیستم ، می توانید موضوعات ایجاد کنید ، پاسخ به موضوعات موجود ارسال کنید ، به اعضای انجمن امتیاز دهید ، اقدام به خرید و فروش کنید ، و موارد دیگر. عضویت، سریع و کاملاً رایگان است ، پس منتظر چی هستی؟

درخواست راهنمایی

اگر نیاز به راهنمایی دارید درخواست خود را ثبت کنید

فروشگاه

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

دانلود منابع

قالب و افزونه های جدید و بروز را میتوایند از اینجا دانلود کنید

آموزش ترفند تبدیل اپلیکیشن فروشگاهی به کاتالوگ

elecomco

کاربر تایید شده
عضویت
3/10/20
ارسال ها
57
امتیاز واکنش
22
محل سکونت
تهران
با آموزش تبدیل اپلیکیشن فروشگاهی به کاتالوگ در خدمت شما عزیزان هستیم. اگه شما هم از اون دسته عزیزانی هستید که دوست دارید قالب اپلیکیشنتون مشابه قالب فروشگاهی باشه اما نمیخواید محصولات معرفی شده در اون رو بفروشید و نیازی به سبد خرید ندارید، این آموزش برای شما تهیه شده پس از دستش ندید. در این آموزش یاد میگیریم که چطور یه اپلیکیشن فروشگاهی رو به اپلیکیشن کاتالوگ تبدیل کنیم.

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

در این آموزش قصد داریم نحوه حذف بخش هایی از اپلیکیشن فروشگاهی مثل سبد خرید، قیمت اصلی، قیمت تخفیف خورده و دکمه خرید در صفحه محصول رو به کمک کدهای مربوط به هر کدوم، حذف کنیم.

کافیه کدهای زیر رو در بخش تنظیمات اپلیکیشن و در بخش CSS کپی کنید، مشابه تصاویر زیر:



همونطور که میبینید، میتونید کدهای مورد نظر خودمون رو اینجا کپی کنیم و با ذخیره اون نتیجه رو بر روی اپلیکیشن فروشگاهی تون ببینید.

مخفی کردن سبد خرید
اگر قصد دارید سبد خرید رو اپلیکیشن، حذف کنید کافیه قطعه کد زیر رو در بخش CSS اپلیکیشنتون کپی کنید:

1
2
3
4
/*مخفی کردن آیکون سبد خرید*/
.e-commerce-buttons {
display: none;
}




مخفی کردن نوار پایین خرید
با کپی کردن این قطعه کد، میتونید دکمه خرید محصول رو از صفحه محصول حذف کنید:

1
2
3
4
5
6
7
8
9
/* مخفی کردن نوار پایینی خرید محصول*/

.product-modal .bar-footer{
display:none;
}

.product-modal .has-footer{
bottom: 0;
}


مخفی کردن هزینه اصلی خدمت یا محصول
برای این کار، قطعه کد زیر رو کپی کنید:

1
2
3
4
/* مخفی کردن قیمت اصلی هر محصول*/
.item p.price{
display:none;
}


مخفی کردن قیمت تخفیف خورده محصول
هر محصولی ممکنه علاوه قیمت محصول، یه قیمت با اعمال تخفیف هم داشته باشه که برای حذف ار کدهای زیر استفاده میکنیم:

1
2
3
4
/* مخفی کردن قیمت تخفیف خورده هر محصول*/
.eCommerce .item p{
display:none;
}


بعد از استفاده از این کدها تصویر در قسمت بالا و پایین محصول فاصله‌ای ایجاد می‌شه که می‌تونید با استفاده از کد زیر اون رو برطرف کنید.

1.product-modal ion-slides, .product-modal .imageContiner .scroll{height:auto;}
 
ارسال کننده موضوعات مشابه انجمن پاسخ ها تاریخ
grrrh درخواست آموزش ionCube آموزشهای وردپرس 1
M مباحث و مشکلات آموزش نصب وب سرور Apache مباحث و مشکلات سیستم عامل ها 0
aliilapro آموزش آموزش کرک یا نال قالب جی نیوز آموزشهای وردپرس 0
arezoshomali مسیر آموزش برنامه نویسی اندروید را بشناسید آموزش های برنامه نویسی 0
lordmehdi درخواست آموزش قرار دادن گروه کاربری در پائین انجمن آموزشهای زنفورو 6
mona.habibizadeh آموزش همه کلیدهای میانبر در محیط Gmail اخبار 0
sslri آموزش آموزش گرفتن تیک آبی اکانت اینستاگرام آموزش های نرم افزار 0
maede آموزش افزودن ابزارک (تولبار) به ادیتور متن در چتروم پشتیبانی زنفورو 2
afshin171 درخواست آموزش تغییر دامنه زنفور آموزشهای زنفورو 1
sslri آموزش آموزش رایگان فارسی سازی قالب و افزونه وردپرس آموزشهای وردپرس 0
afshin171 درخواست آموزش راست چین و فارسی کردن قالب وردپرس آموزشهای وردپرس 1
afshin171 درخواست افزونه یا آموزش براس سئو کردن درخواست قالب و افزونه 0
aliilapro آموزش آموزش غیرفعال کردن اپدیت ویندوز 10 آموزش های سیستم عامل ویندوز 0
alirahmani7443 راهنمایی در مورد قالب مرکز آموزش وردپرس قالب های وردپرس 1
Admin آموزش آموزش فعالسازی جستجوی پیشرفته در دسکتاپ ویندوز 10 آموزش های سیستم عامل ویندوز 0
sslri آموزش آموزش کامل ساخت شماره مجازی تلگرام رایگان آموزش های پرمیوم 1
P آموزش دسترسی به [ شبکه TOR] با دو کلیک آموزش های سیستم عامل ویندوز 0
F آموزش رایگان سئو وردپرس آموزشهای وردپرس 1
sslri نرم افزار دانلود ربات کامنت گذار در سایت ها + آموزش ویدئویی درخواست و دانلود نرم افزار 2
WALKER آموزش آموزش افزونه W3 Total Cache برای افزایش سرعت وردپرس آموزشهای وردپرس 0
soheilnew درخواست آموزش ساخت گروه کاربری vip با قابلیت پرداخت پشتیبانی زنفورو 0
A آموزش طراحی سایت با وردپرس آموزشهای وردپرس 0
WALKER آموزش آموزش تصویری قفل کردن کامپیوتر از راه دور در ویندوز 10 توسط Dynamic Lock آموزش های سیستم عامل ویندوز 0
WALKER آموزش آموزش تغییر فونت پیش فرض ویندوز 10 آموزش های سیستم عامل ویندوز 0
WALKER آموزش آموزش فعال سازی تم Light ویندوز 10 آموزش های سیستم عامل ویندوز 0
WALKER آموزش آموزش غیرفعال کردن کورتانا در ویندوز 10 آموزش های سیستم عامل ویندوز 0
M آموزش طراحی اپ برای ساعت اپل اخبار 1
A آموزش هک برنامه subcake اندروید با لاکی پچر آموزش ها 0
WALKER آموزش آموزش رفع خطای Combine Images Using CSS Sprites آموزشهای وردپرس 0
M آموزش استفاده و شخصی سازی Action Center در ویندوز 10 آموزش های نرم افزار 0
WALKER آموزش آموزش نمایش نقشه گوگل در سایت آموزشهای وردپرس 0
M آموزش ساخت واترارک با استفاده از نرم افزار Arclab Watermark Studio آموزش های نرم افزار 0
M آموزش بالا بردن امنیت گوشی با استفاده از نرم‌افزار Lookout Security Antivirus اندروید آموزش های نرم افزار 1
M آموزش رجیستر کردن IDM (کرک) آموزش های نرم افزار 0
M آموزش ساخت اکانت Origin آموزش های نرم افزار 0
M آموزش ساخت اکانت Steam درخواست کرک و فعال ساز نرم افزارها 0
M آموزش نصب بازی Fortnite آموزش های نرم افزار 0
WALKER آموزش آموزش نصب چایلد تم وردپرس آموزشهای وردپرس 0
saeedGeo آموزش فعال سازی ssl رایگان بر روی دامنه آموزش ها 0
WALKER آموزش آموزش نصب و راه اندازی افزونه MemberPress آموزشهای وردپرس 0
WALKER آموزش آموزش راه اندازی و تنظیم افزونه امنیتی Wordfence آموزشهای وردپرس 0
WALKER آموزش آموزش کار با افزونه Polylang آموزشهای وردپرس 0
TheFlash آموزش دانلود برخی از برنامه های پولی بازار و مارکت های دیگر (تصویری) آموزش های پرمیوم 0
A آموزش آموزش دانلود از سایت فیلیمو با افزونه مرورگر فایرفاکس آموزش های پرمیوم 1
A آموزش نصب دو بازی همزمان در اندروید آموزش های برنامه نویسی 0
WALKER آموزش آموزش حذف فیلد آدرس وب سایت از نظرات وردپرس آموزشهای وردپرس 0
J O K E R آموزش آموزش تغییر تصویر پس زمینه در مرورگر گوگل کروم آموزش های نرم افزار 0
J O K E R آموزش آموزش ایجاد فایل پشتیبان (فایل نصبی) برنامه نصب شده آموزش های نرم افزار 0
J O K E R فعالسازی آموزش فعالسازی اشتراک رایگان دوروزه نماوا آموزش های نرم افزار 0
J O K E R فعالسازی فعالسازی و آموزش گرفتن رایگان ۱۷۲۴ تومان اعتبار از ۷۲۴ آموزش های نرم افزار 6

موضوعات مشابه

shape1
shape2
shape3
shape4
shape7
shape8
بالا