لندینگ پیج یا صفحه فرود یکی از بهترین راه هایی است که میتوانید به رشد کسب و کار اینترنتی خود کمک بسیاری کنید.از این پس قرار است که ما در آی سی ام اس سورس و خروجی صفحه های فرود مختلفی برای صفحه ساز های پرکاربر به صورت رایگان و تجاری منتشر کنیم تا شما هم بتوانید به سایت خود جذابیت بخشید و به رشد کسب و کار خود کمک کنید.
این سورس که اپلیکیشن نام دارد بک صفحه فرود برای معرفی اپلیکیشن است که فرضا ما اپلیکیشن ساز آی سی ام اس نامیدیم.
نکته : پس از دانلود شما یک فایل زیپ دریافت میکنید که شامل دو فایل است. یکی برای import کردن در صفحه ساز و دیگری سورس تصاویر است که صفحه فرود همانند دمو شود.درصورت نیاز میتوانید هر تصویر و یا هر کجایی از صفحه فرود را خواستید مطابق با میل خود تغییر دهید.
سورس مربوط به فولدر تصویر را در مسیر زیر قرار دهید تا تصاویر همانند دمو بارگذاری شوند :
/YOUR-SITE/images/landing/application
یعنی در فولدر images یا همان منو مدیریت رسانه خود در جوملا پوشه landing بسازید و سپس در پوشه landing ، فولدری به نام application بسازید و تمامی تصاویر را در آن قرار دهید.
همچنین این کد سی اس اس را در صفحه ساز خود در تب مربوط به css قرار دهید تا قسمت هایی از صفحه فرود درست نماش داده شوند.
.sp-page-builder #download .sppb-section-title .sppb-title-heading {
text-align: left;
}
.sp-page-builder #download .sppb-section-title .sppb-title-subheading {
text-align: left;
}
#market .sppb-text-left .sppb-img-responsive, #market .sppb-text-center .sppb-img-responsive, #market .sppb-text-right .sppb-img-responsive {
max-width: 180px !important;
}
.intro .sppb-text-left .sppb-img-responsive, .intro .sppb-text-center .sppb-img-responsive, #header .sppb-text-right .sppb-img-responsive {
margin-top: -150px;
}
.sp-page-builder #download .sppb-section-title .sppb-title-subheading {
line-height: 2;
}
دمویی از صفحه فرود اپلیکیشن