learndl learndl triboon

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

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 در خدمت شما هستیم . تخصص من طراحی گرافیک و کدنویسی وب است و سعی خواهم کرد بهترین خدمات را به شما وبمستران و گرافیست های عزیز ارائه کنم. به ترس هات غلبه کن تا در زندگی همیشه پیروز باشی.

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

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 8 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
  • mina 5 خرداد 1395 پاسخ

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

    • محمد پورداداشمدیر سایت[ در پاسخ به mina ] 5 خرداد 1395 پاسخ

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

      • mina[ در پاسخ به محمد پورداداش ] 5 خرداد 1395 پاسخ

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

        • محمد پورداداشمدیر سایت[ در پاسخ به mina ] 5 خرداد 1395 پاسخ

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

  • mina 8 خرداد 1395 پاسخ

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

    • محمد پورداداشمدیر سایت[ در پاسخ به mina ] 8 خرداد 1395 پاسخ

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

  • مهدی 29 فروردین 1396 پاسخ

    دقیقا همین کارارو کردم نشد

    • محمد پورداداشمدیر سایت[ در پاسخ به مهدی ] 29 فروردین 1396 پاسخ

      با سلام
      احتمالا مشکلی دارید یا کش رو پاک نکرده اید ؟ کنترل+اف۵

همکاران وبیت