خانه / بانک کد / شخصی سازی قالب افزونه EDD

شخصی سازی قالب افزونه EDD

شخصی سازی قالب افزونه EDDReviewed by روح الله وکیل زاده on Apr 29Rating: 4.5شخصی سازی قالب افزونه EDD | سون ریپلایسلام به همه ی دوستان برای اینکه سبد خرید زیباتری برای فروشگاه وردپرسی خودتون داشته باشید یه استایل زیبا برای شخصی سازی قالب افزونه EDD براتون آماده کردم

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

برای اینکه سبد خرید زیباتری برای فروشگاه وردپرسی خودتون داشته باشید یه استایل زیبا برای شخصی سازی قالب افزونه EDD براتون آماده کردم

Easy Digital Download (EDD

میشه گفت افزونه EDD یکی از پرطرفدارترین افزونه های وردپرس برای ایجاد یک سیستم مدیریت فروش فایل هست و وب سایت های زیادی از این افزونه استفاده میکنند

، با استفاده از قالبی که برای شما آماده کرده ایم میتونید تغییری در ظاهر سبد خرید فروشگاه خود و همچنین بخش دانلود این افزونه ایجاد کنید

با استفاده از این کدها (CSS) استایل فیلدها ، دکمه ها و سایر بخش های دیداری این افزونه تغییر و ظاهر زیباتری پیدا میکنه

پیش نمایش بخشی از این تغییرات رو میتونید در تصویر زیر مشاهده کنید :

سبد خرید

Easy Digital Download (EDD

بخش دانلود

Easy Digital Download (EDD


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

شروع کار :

اول از از همه کدهای css زیر رو به فایل style.css قالبتون اضافه کنید :

(اگر قالب شما فایل rtl.css دارد ، این کدها را درون این فایل کپی نمایید)

(مسیر فایل در قالب شما » /wp-content/themes/your theme/style.css or rtl.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 کنید !

خب برای کار این فایل های زیر رو دریافت کنید و در مسیر گفته شده جایگزین فایل های قبلی کنید :

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

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

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

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

فایل های بالا رو در مسیر زیر قرار بدید و جایگزین فایل قبلی کنید (اگر فایل های داده شده با نام ذکر شده جایگزین نشوند استایل به درستی نشان داده نخواهد شد)

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

بعد از انجام مراحل بالا میتونید نتیجه کار رو تماشا کنید 🙂

اگر مشکلی داشتید در قسمت نظرات مطرح کنید تا رسیدگی بشه

امیدوارم مورد پسندتون واقع شده باشه

با آرزوی موفقیت

فرادرس

درباره ی روح الله وکیل زاده

مطلب پیشنهادی

منوی Header Navigation

با سلام خدمت شما دوستان و همراهان سایت سون ریپلای امروز هم یک کد خیلی عالی …


پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

برای دریافت فایل ایمیل خود را وارد کنید .
Your Information will never be shared with any third party.
سلام دوست عزیز کد تخفیف را یاداشت کنید برای خرید خود