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

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

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 استفاده شده و اگر در سایت وردپرسی شما فونت ها به درستی نمایش داده نمی شود فونت مورد نظر خود رو به جای فونت یکان فراخوانی کنید.

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

مسیر :

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

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

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

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

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

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

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

منتشر شده در : ماندگار وب