I am using KarDone Theme and also using its contact for
I’m unable to receive the messages sent by the subscriber of my store
I also add my custom field I just want to receive the email
here is code of my contact form
Have a question about a product, our company, or just want to chat? Email us!
{{ section.settings.item_form_text }}
{% form ‘contact’ %}
{% if form.posted_successfully? %}
{{ 'pages.contact_page_form.submit_success' | t }}
{% endif %}
{{ form.errors | default_errors }}
Full {{ 'pages.contact_page_form.name' | t }}
{{ 'pages.contact_page_form.email' | t }}
{{ 'pages.contact_page_form.message' | t }}
{% if form.body %}{{ form.body }}{% endif %}
{{ 'pages.contact_page_form.submit' | t }}
{% endform %}
.contact_item {
justify-content: center;
padding-top: 4rem;
}
.template_contact .section_template__contact_form .contact_item {
padding: 30px 7% 60px 52px;
border: 1px solid #fea621;
margin-left: 115px;
width: 86%;
border-radius: 7px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.item_form{
margin: auto 1rem auto 10rem;
}
h3.item_title span{
color: #fda522;
font-weight: bold;
}
/* Styling for form container */
.contact_item.item_form h3,
.contact_item.item_form p {
margin-bottom: 20px;
text-align: center;
}
/* Styling for form fields */
.contact_item.item_form .form-group {
margin-bottom: 20px;
}
.contact_item.item_form label {
display: block;
font-weight: bold;
}
.contact_item.item_form input[type="text"],
.contact_item.item_form input[type="email"],
.contact_item.item_form input[type="number"],
.contact_item.item_form textarea {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
transition: border-color 0.3s ease;
}
.contact_item.item_form input[type="text"]:focus,
.contact_item.item_form input[type="email"]:focus,
.contact_item.item_form textarea:focus {
border-color: #fea621;
outline: none;
}
/* Styling for the submit button */
.contact_item.item_form .form-group-btn {
text-align: center;
margin-bottom: 0px;
}
.contact_item.item_form button.btn {
padding: 10px 20px;
margin-bottom: -29px;
background-color: #fea621;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.contact_item.item_form button.btn: hover {
background-color: #fea621;
}
.phone-input {
display: flex;
align-items: center;
width: 100%;
}
.country-code-input {
width: 13%;
margin-right: 13px;
}
@media (min-width: 1024px) and (max-width: 1366px) {
.contact_item.item_form {
margin: auto 1rem auto 5rem;
}
.template_contact .section_template__contact_form .contact_item {
margin-left: 60px;
width: 80%;
}
}
@media (max-width: 915px) {
.template_contact .section_template__contact_form .contact_item {
padding: 30px 5% 52px 5%;
margin-left: 0;
width: 100%;
}
.contact_item.item_form button.btn {
margin-bottom: -21px;
}
.item_form {
margin: auto;
}
}
@media (max-width: 810px) {
.template_contact .section_template__contact_form .contact_item {
padding: 30px 5% 56px 5%;
margin-left: 0;
width: 100%;
}
.item_form {
margin: auto;
}
}
@media (max-width: 667px) {
.template_contact .section_template__contact_form .contact_item {
padding: 30px 5% 30px 5%;
margin-left: 0;
width: 100%;
}
.item_form {
margin: auto;
}
}
@media (max-width: 440px) {
.template_contact .section_template__contact_form .contact_item {
padding: 30px 5% 20px 5%;
margin-left: 0;
width: 100%;
}
.contact_item.item_form button.btn {
margin-bottom: 9px;
}
.country-code-input{
width: 21%;
}
.template_contact .section_template__contact .item_address .contact_element+.contact_element {
margin-bottom: 15px;
}
.item_form {
margin: auto;
}
}
{% schema %}
{
“name”: “Contact form”,
“class”: “section section_template__contact_form”,
“settings”: [
{
“type”: “header”,
“content”: “Contact form”
},
{
“type”: “text”,
“id”: “item_form_title”,
“label”: “Contact form title”
},
{
“type”: “textarea”,
“id”: “item_form_text”,
“label”: “Contact form text”
}
]
}
{% endschema %}