Hi,

We are seriously looking into the matter, will notify you soon. Keep watching in themeforest for updates.

Thanks and Regards

Hi,

We found some ambiguity on linking the uploaded files. We have already added latest files to update queue. You can also send mail to 0effortthemes@itobuz.com to get the files directly. Please mention the Subject Spice HTML Files.

Thanks and Regards

Hi,

Thanks for purchasing the template.

Its an HTML template and the city search is not integrated to the Google Maps API for searching.

Regards

Oh really? So it’s just a fashion add up for the template huh?

How do I include Paypal for item order?

You can check the demo for the functionalities. If you want to include Paypal, it would be best to purchase the Wordpress version. No Html template will provide that. Or you can have the express paypal checkout buttons.

Please Author, how does the BOOK YOUR TABLE NOW works? Because when you click on BOOK, it just keep loading and that’s it.

Hi,

Do you want to add your 2 restaurant addresses in the red portion of the form and keep the left grey section? I will be able to help you a bit better if you could provide me with some more details as to where you would like to add the addresses and in which portion of the form.

Thanks and regards

Hi thanks for your reply, I will like to make it something like the following, http://www.aljawadlb.com/pic1.png

Hi,

<div class="“search-form”">
    <form id="map-search-form">
        <div>
            <input type="text" id="mapCity" name="mapCity" placeholder="Enter your city name">
        </div>
        <div>
            <input type="text" id="mapPin" name="mapPin" placeholder="Enter your pincode">
        </div>
        <button class="button">FIND NOW</button>
    </form>
</div>

<div class="“search-form" clear="" fix="">
    <div class="“address-wrap”">
        YOUR ADDRESS 1 HERE
    </div>
    <div class="“address-wrap”">
        YOUR ADDRESS 2 HERE
    </div>
</div>

    @media screen and (min-width: 992px) {
        .search-form .address-wrap {
            float: left;
            width: 50%;
        }
        .search-form .address-wrap:first-of-type {
            border-right: 1px solid #c34136;
        }
    }

.search-form {

    padding: 60px 10px;
}

Reduce the value ‘60px’ till the top and bottom spacing and alignment seems acceptable.

Thanks and regards

Hi, I have done exactly as you said but the output is not correct , please see screen shot http://www.aljawadlb.com/pic2.png

Hi,

We will need the link of your website to inspect and have a closer detailed look and help you better.

please have a look at http://aljawadlb.com/jawad/, i have uploaded a test version, on the other hand we have tried all ways to get the google map working on 2 locations (markers) but nothing is happing.

Hi,

We had a look at the link you provided and have found the problem regarding the ADDRESS 1 and 2 problem. To fix that issue, please find the previous code that I had asked you to paste in your HTML file:

<div class="“search-form" clear="" fix="">
    <div class="“address-wrap”">
        YOUR ADDRESS 1 HERE
    </div>
    <div class="“address-wrap”">
        YOUR ADDRESS 2 HERE
    </div>
</div>

<div class="search-form clearfix">
    <div class="address-wrap">
        YOUR ADDRESS 1 HERE
    </div>
    <div class="address-wrap">
        YOUR ADDRESS 2 HERE
    </div>
</div>

This should make the addresses appear side-by-side with the red background.

.search-form {
    padding: 60px 10px;
}

We are also looking into the map section currently and will reply back to you in this thread soon.

Thanks and regards

Thanks this worked great – 5+ star support

Hi , any update regarding the map issue and how to add additional location mark.

3rd how can we add additional food menu to the main home page

Hi,

To add 2 phone numbers in the red box ‘Our Delicious Food’, please find the following code in your ‘index.html’ file (should be near line no. 165):

<div class="call">
    <h6>Call us at our 24hr number</h6>
    <h3><i class="fa fa-phone" /> + 1800 987654321</h3>
</div>

Next, just simply add the second number below the first one, like so:

<div class="call">
    <h6>Call us at our 24hr number</h6>
    <h3><i class="fa fa-phone" /> + 1800 987654321</h3>
    <h3><i class="fa fa-phone" /> ADD NEW NUMBER HERE</h3>
</div>

After that, open ‘style.css’ file and find the following lines of code (should be near line no. 8565):

.place-order .call {
    padding: 50px 0;
}

Replace the above code with the following:

.place-order .call {
    padding: 20px 0;
}

You can also play around with the padding values until you get the desired spacing and alignment.

Hi,

To add 2 phone numbers in the red box ‘Our Delicious Food’, please find the following code in your ‘index.html’ file (should be near line no. 165):

<div class="call">
    <h6>Call us at our 24hr number</h6>
    <h3><i class="fa fa-phone" /> + 1800 987654321</h3>
</div>

Next, just simply add the second number below the first one, like so:

<div class="call">
    <h6>Call us at our 24hr number</h6>
    <h3><i class="fa fa-phone" /> + 1800 987654321</h3>
    <h3><i class="fa fa-phone" /> ADD NEW NUMBER HERE</h3>
</div>

After that, open ‘style.css’ file and find the following lines of code (should be near line no. 8565):

.place-order .call {
    padding: 50px 0;
}

Replace the above code with the following:

.place-order .call {
    padding: 20px 0;
}

You can also play around with the padding values until you get the desired spacing and alignment.

To add more than one markers on the map, please follow the links given below. They have provided clear instructions and steps to do so:

Another link you can use for reference is: https://gist.github.com/parth1020/4481893

The JS code changes are to be done in ‘myCustom.js’ file in the ‘assets/js’ folder of your project directory. The present Google Map code is right at the beginning of that file.

Hi,

The dropdown menu of our demo links seems to be working fine on Android as well as iOS mobile phone at our end.

Please give us the link to your site so that we can take a closer look at the issue you are facing.

Thanks and regards

I am using the old version of your theme. Pls send your email and i will contact you.

Our email is: 0effortthemes@itobuz.com

Hi,

We had a look at your site, one of your dropdown isn’t working in mobile while the other one is working.

This issue has been fixed in one of the updates of our theme, along with other features and fixes. You can try downloading the latest version and check it out.

Thank you. Do i update the html of header or i need to update also the js and css and style?

It will be best to update all of them, but do keep a backup of your current site in a separate directory before updating (just for safety purposes, in case you have made any custom changes).

hi, all updated as you said and I have a problem now, the image bg on the home page will not load until i scroll down then up. I will send you a private email with the link and wpuld appreciate if you can reply today

Hi,

For change in Map please follow the instructions below :

1. For Main Shop Location : You need to change it from Spice Options -> Footer you can add Long and Lat for the Map.

2. For adding more you need to Go Location Menu and Add More Location. You can point your location in Google Map and It will add your Long and Lat automatically ad will show inside the map.

Please let me know if you need any further help.

Thanks and Regards

I could not do it. My file is in html, not wordpress. I wanted to know if you have to modify the map for html or css

In which file can modify

Hi,

Sorry about the previous reply, we mistook it to be the Wordpress theme.

To change the location of the map, please open the ‘myCustom.js’ file in ‘_assets/js/’ folder and find the following 2 lines of code (they should be at line no. 21 and 39 respectively) :

center: new google.maps.LatLng(-34.397, 150.644),

var myLatLng = new google.maps.LatLng(-34.397, 150.644);

The ‘-34.397, 150.644’ values are the Latitude and Longitude values respectively. Enter the Latitude and Longitude values of the place you want to show on the map at both the lines mentioned above.

Hope we were able to help you with your issue.

Thanks and regards, 0effort Team

Thank you. Now I have another question: When I change the icons for the fa-instagram for example, does not work.

Hi,

Can you please share your URL and explain your problem little bit more to us.

Thanks and Regards

This is a url: http://tomatecaqui.com.br/dev/contato.html

In the SOCIALIZE WITH US , the icons , moved to fa – instagram and did not work. the icon disappears

Hi,

We found the issue and will send you the solve soon.

Thanks and Regards

Hello,

Please add the following css.

.instagram {
    background: #3f729b;
}

Hopefully, this will sort out.

Thanks,

Now it worked. Now please help me with:

Now it worked. Now please help me with: i class = “fa fa-tripadvisor”

Hello,

In your index.html find this code block:

$("#contact-us-form").validate({ 
                        rules:{
                            contactName:{required: true},
                            contactEmail:{required: true,email:true},
                            contactComment:{required: true}
                        },
                        submitHandler: function (form) {

                                var suburl = 'mail.php',
                                    contactName=$("#contactName").val(),
                                    contactEmail=$("#contactEmail").val(),
                                    contactComment=$("#contactComment").val();

                                $('#contact-us-form .form-message').show();

                                var data={'formid':'contact-us-form','cust_name':contactName,'comments':contactComment,'cust_email':contactEmail};

                                        $.post(suburl ,  data , function(response){
                                                $('.contact-form-msg').html(response);
                                                $('.contact-form-msg').show();

                                                $( '#book-table' ).each(function(){
                                                    this.val(); //CLEARS THE FORM AFTER SUBMISSION
                                                });
                                        });

                             return false; }
                    });

and, replace with this code:

$("#contact-us-form").validate({ 
                        rules:{
                            contactName:{required: true},
                            contactEmail:{required: true,email:true},
                            contactComment:{required: true}
                        },
                        submitHandler: function (form) {

                                var suburl = 'mail.php',
                                    contactName=$("#contactName").val(),
                                    contactEmail=$("#contactEmail").val(),
                                    contactComment=$("#contactComment").val();

                                $('#contact-us-form .form-message').show();

                                var data={'formid':'contact-us-form','cust_name':contactName,'comments':contactComment,'cust_email':contactEmail};

                                        $.post(suburl ,  data , function(response){
                                                $('.contact-form-msg').html(response);
                                                $('.contact-form-msg').show(); $('#contact-us-form input').val('');

                                                $( '#book-table' ).each(function(){
                                                    this.val(); //CLEARS THE FORM AFTER SUBMISSION
                                                });
                                        });

                             return false; }
                    });

Please let us know, if this fixes your issue.

Thanks,

0effortthemes

thanks for your fast reply.. it works, thanks a lot, but not on the message/comment and the Occasion fields and the checkboxes.. where is the mistake? (i also try to use it in the reserve form)

Hi,

One of the checkboxes in the ‘Book Table’ form will have to remain selected by default (even when the form is reset). Same thing applies for the dropdown list, as the dropdown list cannot be cleared like input fields.

Still, could you please share the link of your site with us, so that we can take a closer look and see if we can work around it?

Thanks,

0effortteam.

hello, you can find my site here: www.formidable-events.de when you scroll down on the index.html you can see “Online Anfrage”. This ist the form i would like to clear

Hello,

In your index.html can you please find this script block:

/*----------------------------------------------------*/
                    /*    FORM VALIDATION
                    /*----------------------------------------------------*/
                    $("#reserve-form").validate({ 
                        rules:{
                            reservationName:{required: true},
                            reservationPhone:{required: true,number:true,minlength:8},
                            reservationEmail:{required: true,email:true},
                            reservationFirma:{required: false},
                            reservationGast:{required: true},
                            reservationBudget:{required: false,number:true},
                            reservationNachricht:{required: true},
                            reservationOccasion:{required: true},
                            locationOccasion:{required: true},
                            timepicker:{required: false},
                            datepicker:{required: true},
                        },

                        submitHandler: function (form) { 

                            var suburl = 'mail.php',
                                reservationName=$("#reservationName").val(),
                                reservationPhone=$("#reservationPhone").val(),
                                reservationEmail=$("#reservationEmail").val(),
                                reservationFirma=$("#reservationFirma").val(),
                                reservationGast=$("#reservationGast").val(),
                                reservationBudget=$("#reservationBudget").val(),
                                reservationNachricht=$("#reservationNachricht").val(),
                                reservationOccasion=$("#reservationOccasion").val(),
                                locationOccasion=$("#locationOccasion").val(),
                                dine='',
                                drink='',
                                zusatz='',
                                timepicker=$("#timepicker").val(),
                                datepicker=$("#datepicker").val();

                            $(".clrd").each(function(){
                if ($(this).is(':checked')) {
                                    dine=$(this).val();
                            }

                            });

                            $(".dlrd").each(function(){
                if ($(this).is(':checked')) {
                                    drink=$(this).val();
                            }

                            });

                            $('#reserve-form .form-message').show();

                            var data={'formid':'reserve-form','cust_name':reservationName,'cust_phone':reservationPhone,'cust_email':reservationEmail, 'cust_firma':reservationFirma, 'cust_gast':reservationGast, 'cust_budget':reservationBudget, 'cust_nachricht':reservationNachricht, 'occasiontype':reservationOccasion,'occasiontype2':locationOccasion,'dine':dine,'drink':drink,'tp':timepicker,'dp':datepicker};

                            $.post(suburl ,  data , function(response){
                                    $('.reservation_final_msg').html(response);
                                    $('.reservation_final_msg').show(); $('#reserve-form input').val('');

                                    $( '#book-table' ).each(function(){
                                        this.val(); //CLEARS THE FORM AFTER SUBMISSION
                                    });
                            });

                            return false; }
                        });

                }); //========DOCUMENT.READY ends============

and the, replace it with this:

/*----------------------------------------------------*/
    /*    FORM VALIDATION
    /*----------------------------------------------------*/
    $("#reserve-form").validate({ 
        rules:{
            reservationName:{required: true},
            reservationPhone:{required: true,number:true,minlength:8},
            reservationEmail:{required: true,email:true},
            reservationFirma:{required: false},
            reservationGast:{required: true},
            reservationBudget:{required: false,number:true},
            reservationNachricht:{required: true},
            reservationOccasion:{required: true},
            locationOccasion:{required: true},
            timepicker:{required: false},
            datepicker:{required: true},
        },

        submitHandler: function (form) { 

            var suburl = 'mail.php',
                reservationName=$("#reservationName").val(),
                reservationPhone=$("#reservationPhone").val(),
                reservationEmail=$("#reservationEmail").val(),
                reservationFirma=$("#reservationFirma").val(),
                reservationGast=$("#reservationGast").val(),
                reservationBudget=$("#reservationBudget").val(),
                reservationNachricht=$("#reservationNachricht").val(),
                reservationOccasion=$("#reservationOccasion").val(),
                locationOccasion=$("#locationOccasion").val(),
                dine='',
                drink='',
                zusatz='',
                timepicker=$("#timepicker").val(),
                datepicker=$("#datepicker").val();

            $(".clrd").each(function(){
if ($(this).is(':checked')) {
                    dine=$(this).val();
            }

            });

            $(".dlrd").each(function(){
if ($(this).is(':checked')) {
                    drink=$(this).val();
            }

            });

            $('#reserve-form .form-message').show();

            var data={'formid':'reserve-form','cust_name':reservationName,'cust_phone':reservationPhone,'cust_email':reservationEmail, 'cust_firma':reservationFirma, 'cust_gast':reservationGast, 'cust_budget':reservationBudget, 'cust_nachricht':reservationNachricht, 'occasiontype':reservationOccasion,'occasiontype2':locationOccasion,'dine':dine,'drink':drink,'tp':timepicker,'dp':datepicker};

            $.post(suburl ,  data , function(response){
                    $('.reservation_final_msg').html(response);

                    $('.reservation_final_msg')
                        .show()
                        .delay( 1000 ) //Change timing here in milliseconds.
                        .queue(function() {
                           $(this).hide();
                           $(this).dequeue();
                        });

                    //To reset form as it defaults in HTML
                    var form = document.getElementById('reserve-form')
                    form.reset();

                    $( '#book-table' ).each(function(){
                        this.val(); //CLEARS THE FORM AFTER SUBMISSION
                    });
            });

            return false; }
        });

}); //========DOCUMENT.READY ends============

Hope, this would sort out things.

If you like our theme, please rate us in themeforest with 5 stars.

Thanks, 0effortthemes

now it works, thank you for that.. but now, the information “your message has been send successfully” isn`t shown yet, can i add this? it was written in red beside the “Send” button

Hello,

Thank you purchasing our theme.

.food-gallery .food-item .figure {
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

border-radius: 50%;

2. I’m sorry but I didn’t quite understand clearly this point about the specific address.

The purpose of the map section in our theme is that when a user enters a city/pincode(zipcode) of the user’s choice, the map will show the location of the restaurant closest to that pincode/zipcode entered by the user.

The city & pincode/zipcode is being used to specify a locality/area in that city. Could you please explain how you would want to use the exact address in this case?

Thanks

Ok, I got square but I need rectangle without changing height And about the map, the problem is that I have only one restaurant, so I think in my case I don’t need this map.

1.

you can add this CSS code, at the end of your desktop.css :

.food-gallery .food-item .figure {
    width: 100% !important;
}

2.

Regarding, the Google map, you can remove the following code from your html file. This will remove the map search form.

<article class="city-search clearfix">
                    <div class="search-caption">
                        <h4>WE ARE</h4>
                        <h4>AT YOUR CITY</h4>
                    </div>

                    <div class="search-form">
                        <form>
                            <input type="text" placeholder="Enter your city name">
                            <input type="text" placeholder="Enter your pincode">
                            <button>FIND NOW</button>
                        </form>
                    </div>
                </article>

To change the location of the map pointer, please update the latitude and longitude in your myCustom.js (this file is at: {{Your root folder}}/_assets/js/myCustom.js) in line no. 14 and line no. 32.

You can use services like http://www.latlong.net/ to find the latitude and longitude of your address.

Let us know, if this helps.

We would really appreciate if you can spare few minutes and rate our theme (with 5 stars).

Thanks,

Yes, it helped, thanks! Another question, in index.html there’s PLACE ORDER. I need to delete OR. How to do this?

In your ‘style.css’ file, find the following lines of code (should be near line no. 12127) :

.place-order .call:after {
    content: 'Or';
    position: absolute;
    top: 50%;
    right: -18px;
    border: 1px solid #C34136;
    border-radius: 50%;
    padding: 8px;
    color: #fff;
    z-index: 2;
    background-color: #DB4F44;
    margin-top: -18px;
    width: 40px;
    height: 40px;
}

content: 'Or';

That should completely remove the ‘OR’ circle.

Thanks, last help: i need to add e-mail address for newsletter and contact. where and how to do this? thanks!

For Newsletter, you will need to create a Mailchimp account. After creating a Mailchimp account, you will also need to create a new Subscription list, where the future subscribers’ email ids will be listed.

You will need to obtain 2 keys from the Mailchimp account: 1. mailchimp api key (http://kb.mailchimp.com/accounts/management/about-api-keys),

2. mailchimp list id (http://kb.mailchimp.com/lists/managing-subscribers/find-your-list-id) Please follow the respective links given above to find out how to obtain the respective keys.

After you have obtained the keys, you will need to open the ‘check.php’ file in the root folder of our theme and replace the values of the 2 variables ’$api_key’ and ’$list_id’ with the respective keys that you have obtained from your Mailchimp account.

$api_key = "acf0e986d868db1546ae460c65053cdb-us9";
$list_id = "34901b4480";

That’s it for the newsletter subscription set up.

There are 2 Contact Forms in this theme: one is in the lower part of the Homepage, while the other is in the ‘Contact us’ page.

To change the email address for both of the forms, please open the ‘mail.php’ file in the root folder and find the following lines of code (should be near line no. 42) :

if($_POST['formid']=='contact-us-form'){
  $name=$cust_name=$_POST['cust_name'];
  $email=$_POST['cust_email'];
    $email_to_send_to='sagarsneh@gmail.com';
    $email_subject="AWESOME SPICES - A customer contacted you";
  $comments=$_POST['comments'];
}

if($_POST['formid']=='contactForm'){
  $name=$cust_name=$_POST['cust_name'];
  $email=$_POST['cust_email'];
    $email_to_send_to='sagarsneh@gmail.com';
    $email_subject="AWESOME SPICES - A customer contacted you";
  $comments=$_POST['comments'];
}

$email_to_send_to='sagarsneh@gmail.com';

Ok, made it. But, when I write an e-mail for newsletter and click an arrow I got blank page, but address is added for my subscription list. Strange but works. When I fill contact details and click “send” I got also blank page but no message.

Hi,

Do you mean pressing the submit button is redirecting you a blank page? That’s weird. It should display a success or failure message near the form itself, depending upon whether it was successfully sent or not.

Could you please share the link of your site so that we can take a closer look at the issue? Also, please share the entire code of your ‘mail.php’ file so that we can check that too.

Thanks

Hi,

We noticed there is a <script> at the end of your html pages, after end tag. That script is probably conflicting with the ajax response of the Newsletter and Contact forms.

Please remove the complete <script> after the end tag and check if the issue still exists.

Hi, on every html page or just index?

Hi,

Just on the pages that contain the Newsletter and Contact forms.

I’m sorry but you have to write me exactly what I should remove.

Hi,

Sorry about that.

<script type="text/javascript"><!--
document.writeln('<'+'scr'+'ipt type="text/javascript" src="http://home.hit.stat24.com/_'+(new Date()).getTime()+'/script.js?id=1wAwre_vkwgPcH6_k1M9M4aw3wlRnce.cIwxVeW_j5D.57"></'+'scr'+'ipt>');
//--></script>

Please check if the above code is present in your ‘mail.php’ file. If it is present, please remove and check if the submit issue still persists or not.

If incase the issue still persists, then please find and remove the above code at the bottom of ‘index.html’ and ‘contact-us.html’ files as well.

Hi. There was no code in any of this files.