انتخاب نسخه دارک
لرن دی التریبون

شخصی سازی سبد خرید افزونه EDD

آموزش وردپرس ۲۵ بهمن ۱۴۰۲ 2,861 بازدید مطالعه 3 دقیقه

Personalize-cart

شخصی سازی قالب افزونه ایزی دانلود دیجیتال

easy digital downloads یک افزونه وردپرس هست که با استفاده از این افزونه میتوانید یک سایت فروش فایل دیجیتال همانند فامو داشته باشید. خوب خیلی ها از صفحه سبد خرید بیزارند و دوست دارند تغییراتی در این صفحه ایجاد کنند. حال همراه ما باشید تا یاد بگیرید چگونه چنین چیزی امکان دارد.

آموزش و یادگیری  :

این کدهای css استایل فیلدها ، دکمه ها و سایر بخش های دیداری این افزونه تغییر میدهد.برای شروع کدهای css زیر رو به فایل style.css قالب وردپرس خود اضافه کنید.

.edd-cart-added-alert {
    position: relative;
    margin: 10px 0 0;
    color: #3C763D;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
    padding: 10px;
    border-radius: 4px
}
#edd_checkout_cart td,
#edd_checkout_cart th {
    text-align: right
}
table {
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    border-radius: 3px;
    font-family: BYekan, tahoma;
    color: #333;
    border-collapse: separate;
    border-spacing: 0
}
table td,
table th {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #DFDFDF;
    color: #555;
}
table th {
    text-shadow: 0 1px 0 #fff;
    font-family: BYekan, tahoma;
    font-weight: 400;
    font-size: 18px
}
.edd_cart_total {
    text-align: left!important
}
.edd_cart_total,
thead {
    font-size: 22px!important
}
#edd_checkout_cart td img {
    float: right;
    margin: 3px 0 0 8px
}
td,
th,
tr {
    text-align: right;
    padding-right: 20px
}
.widget .list-group-item {
    padding: 10px;
    margin-bottom: 5px;
    background-color: #F5F5F5;
    border: none;
    border-radius: 3px
}
.edd-submit.button,
.edd-submit.button.gray,
.edd-submit.button:visited {
    border: none
}
.single-download .edd_download_purchase_form {
    margin: 0!important
}
#edd_checkout_cart td img {
    width: 90px;
    height: 90px;
}
.edd_checkout_cart_item_title {}
#edd_checkout_form_wrap {
    font-family: BYekan;
    font-size: 18px;
    font-weight: bold;
}
#edd_checkout_form_wrap span.edd-description {
    font-size: 65%;
}
#edd_checkout_form_wrap p {
    margin: 0 0 12px!important
}
#edd_checkout_form_wrap input[type=email],
#edd_checkout_form_wrap input[type=password],
#edd_checkout_form_wrap input[type=text],
#edd_checkout_form_wrap textarea {
    padding: 11px 11px!important;
    font-family: BYekan;
    font-size: 12px;
    font-weight: bold;
    background: #f9f9f9;
    border: solid 1px #eeeeee;
    color: #878787;
}
#edd_checkout_form_wrap span.edd-description {
    display: none!important
}
#edd_checkout_form_wrap label {
    margin: 0 0 15px 0!important;
    color: #777777;
}
#edd_checkout_form_wrap fieldset {
    padding: 10px 0 0 0;
    margin: 0 0 21px;
    border: none!important;
}
#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
    padding: 7px 22px!important;
    font-size: 19px!important;
    font-family: BYekan;
    margin: 5px 0 10px 0!important;
}
#edd_checkout_cart td {
    font-size: 17px;
}
.edd-submit.button.blue {
    background: #47C2DC!important;
    border-color: #2CB7D4!important;
}

توجه کنید!

در این کد ها از فونت BYekan استفاده شده و اگر در سایت وردپرسی شما فونت ها به درستی نمایش داده نمی شود فونت مورد نظر خود رو به جای فونت یکان فراخوانی کنید.

download checkuot


اگر میخواهید قالب شما عین تصاویر بالا بشه فایل های زیر رو باید جایگزین استایل ایزی دانلود دیجیتال EDD کنید. خیلی راحته برای این کار فایل های زیر رو دریافت کرده و در مسیر شخص شده آپلود کنید. (البته در هاست خود!!!)

مسیر :

/wp-content/plugins/easy digital downloads/templates/

دریافت استایل اصلی

فایل بالا حتما با نام edd.css در مسیر مشخص شده کپی شود.

دریافت استایل فشرده شده

فایل بالا حتما با نام edd.min.css در مسیر مشخص شده کپی شود.

اگر مشکلی در کار انجام شده وجود داشت از بخش نظرات اقدام کنید.

موفق و پیروز باشید.

نظرت چیه این مقاله رو با دوستانت به اشتراک بذاری؟

به این مطلب امتیاز دهید

امتیاز کلی : 4.5 / 5. تعداد آرا : 2

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

اگه میتونی دیدگاهت رو در مورد این مقاله بنویس... ارسال دیدگاه
(نویسنده مقاله)

اسم من محمد پورداداش هست و متولد سال 1367 در خدمت شما هستیم . تخصص من طراحی گرافیک و کدنویسی وب است و سعی خواهم کرد بهترین خدمات را به شما وبمستران و گرافیست های عزیز ارائه کنم. به ترس هات غلبه کن تا در زندگی همیشه پیروز باشی.

اگه میخوای از اخرین مقالات، آپدیت‌ها و تخفیف‌ها باخبری بشی ☺ عضو کانال تلگرام شو

ارسال دیدگاه جدید

6 دیدگاه تایید شده
  • mina 9 سال پیش پاسخ

    فونت برای من تغییر نکرد چیکار کنم تغییر کنه ؟؟

    • محمد پورداداش مدیر کل9 سال پیش ( در پاسخ به mina ) پاسخ

      با سلام
      یا باید فونت اضافه کنید سپس فراوانی کنید یا اینکه اگه فونت از قبل روی استایل اعمال شده اسم فونت رو درست وارد کنید ۱۰۰% باید بیاره

  • mina 9 سال پیش پاسخ

    وی سبد خرید مبلغ کل رو به ریال میزنه با این فایلی که دادی.میخام به تومان باشه

    • محمد پورداداش مدیر کل9 سال پیش ( در پاسخ به mina ) پاسخ

      سلام
      از چه درگاهی استفاده میکنید ؟

      • mina 9 سال پیش ( در پاسخ به محمد پورداداش ) پاسخ

        از درگاه زرین پال و پی پکس.وقتی این کدها رو اضاف نمیکنم مبلغ کل به تومانه ولی وقتی اضاف میکنم میشه به ریال

        • محمد پورداداش مدیر کل9 سال پیش ( در پاسخ به mina ) پاسخ

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