40 comments found

Hi there, love the html template, I think it’s great, I have no issues with it, I am just wondering if you could give me some advice on getting Captcha integrated in to the contact forms, I am mindful of the fact that there are a lot of Spam Bots that attach themselves to forms such as these, I don’t want my client getting bombarded with spam.

Thanks in advance!

LubosVolovar

Hello. I am glad that you love the template!

Both the contact and reservation forms contains a so-called Honey Pot. The input field with “contact-email-hp” ID (or “reservation-email-hp” respectively) is used to catch spam bots. I think that this is much more elegant solution to deal with a spam. If you find out that the Honey Pot doesn’t work as it suppose, let me know and I may look into implementing the Captcha in the future if possible.

You can learn more about honey pots here

I will highly appreciate if you take a minute and rate the BeautySpot 5*. You can do it under your account / downloads. Thanks!

Lubos

Default-user

Hi Lubos,

Thanks for the swift reply, I had no idea that feature was built in to it, sounds great! I have never heard of the Honey Pot method before.

I most certainly will rate it now!

Have a great day!

Sam

LubosVolovar

Thanks for your rating & nice review Sam. Enjoy the template!

Hi,

In services page, i couldnt make it to put the image to the left and accordeon to the right. I went to page builder and put text 1/6 to the space and then accordeon, do i have to do anything else?

And how do i put a background image like that? (the big one)

I mean this http://themeforest.net/item/beautyspot-html-template-for-beauty-salons/full_screen_preview/7734629

LubosVolovar

Hi,

as you said, add a Text Block and insert an Image shortcode through Shortcode Generator into it (+ add a “rounded” class to the image). Generated shortcode will look like this:

[lsvr_image image="http://demos.volovar.net/beautyspot.wp/demo/wp-content/uploads/2014/06/service_01.jpg" lightbox="no" inview_anim="none" custom_class="rounded"]

Then add a Tabs & Accordion block next to the Text Block.

In my demo, I have created a separate Page Builder template for each service and then I have inserted each service to a Section shortcode through the Shortcode generator like this:

[lsvr_section title="Cosmetics" fullsize="no" wrap_in_container="no" inview_anim="none" custom_id="cosmetics"]

[template id="117"]

[/lsvr_section]

[lsvr_section title="Hairdressing" fullsize="no" wrap_in_container="no" inview_anim="none" custom_id="hairdressing"]

[template id="118"]

[/lsvr_section]
...

Ad background image: You need to send me a link from the demo without the ThemeForest toolbar, because now it will open the home page. So open the demo directly here, navigate to desired page and share a link again please.

Lubos

LubosVolovar

BTW, this is comments section for HTML version, please add your WordPress questions here: http://themeforest.net/item/beautyspot-wordpress-theme-for-beauty-salons/8020062/comments

vietsun Purchased

hello, color shames does not appear by me. href=”library/css/skin/default.css what am I doing wrong?

vietsun
vietsun Purchased

okie! i send per pn

vietsun
vietsun Purchased

ahh I understand. I thought that the user can change any color

LubosVolovar

You were referring to style switcher. Yes, it was intended only for the demo purposes, but you can enable it also on your site by adding “m-has-style-switcher” class to BODY tag. But as I said, this feature is just for the demo, so I do not recommend to use it on live site.

elfis Purchased

Hi, just get this template over wordpress ver. and notice navigation is not connected over different pages . Is there way to make changes to menu in all pages at the same time .

LubosVolovar

Hello, what do you mean by “navigation is not connected over different pages”? All pages can be accessed through the menu.

As this is just HTML version, you need to make changes in each template. Some small one-line changes can be done by “replace in files” kind of function of your text editor (I recommend Notepad++).

Default-user
elfis Purchased

Yes i’m using n++. I was thinking will be the same menu for all pages :). To bad didn’t choice WP ver. , now need to edit every page :). Anyway everything is clean and without bug , so I will rate this 5* for sure.

LubosVolovar

ok, enjoy the template:) And yeah, the rating will be highly appreciated, thanks!

Hi! In the reservation form I need to change the checkbox into radiobutton with the same style. How can I do this? Thank you

LubosVolovar

Hi, I have checked it and the bad news is that there is a bug with the theme so the radio inputs in the Reservation form won’t work properly in the current version.

The good news is that it is possible to fix it until I release a new version, so here is how to do it:

  • First make sure that you are using the Child theme.
  • Open the following file: “wp-content / themes / beautyspot-child / library / js / scripts.js”
  • Insert the following code at the new line right after (function($){ "use strict";:
    if ( ! $.fn.lsvrCheckboxInput ) {
        $.fn.lsvrCheckboxInput = function(){

            var input = $(this).removeClass( 'checkbox-input' ).hide(),
            wrapped = false,
            $this, label;

            if ( input.parent().is( 'label' ) ) {
                label = input.parent();
                label.wrap( '<span class="checkbox-input" />' );
                $this = label.parent();
            }
            else {
                input.wrap( '<span class="checkbox-input" />' );
                $this = input.parent();
                label = $this.next( 'label' ).length > 0 ? $this.next( 'label' ) : $this.prev( 'label' );
                label.appendTo( $this );
            }

            // INIT
            if ( input.is( ':checked' ) ) {
                $this.addClass( 'm-checked' );
            }

            // CLICK
            input.click(function(){

                if ( input.attr( 'type' ) === 'radio' && input.attr( 'name' ) && input.attr( 'name' ) !== '' ) {

                    $( 'input[name="' + input.attr( 'name' ) + '"]' ).each(function(){
                        $(this).parents( '.checkbox-input' ).removeClass( 'm-checked' );
                    });
                    $this.addClass( 'm-checked' );

                }
                else {
                    $this.toggleClass( 'm-checked' );
                    input.trigger( 'change' );
                }

            });

        };
    }
  • Save scripts.js file
  • Open functions.php file in beautyspot-child folder
  • Uncomment the code at line 21 (just change //add_action( 'wp_enqueue_scripts', 'lsvr_load_child_scripts' ); to add_action( 'wp_enqueue_scripts', 'lsvr_load_child_scripts' );)
  • Open your reservation form in wp-admin / Contact
  • Now you can change the Checkbox list code (e.g. [checkbox services-2 use_label_element "Wash" "Cut & Finish" "Blow Dries" "Hair Colouring & Highlights"]) to Radio (e.g. [radio services-2 use_label_element "Wash" "Cut & Finish" "Blow Dries" "Hair Colouring & Highlights"]), or just generate a new radio tag by clicking at Generate Tag.

I will be fixing this issue in the next update, so don’t forget to open the functions.php file in beautyspot-child and comment the code at line 21 after you update the theme in the future.

Please let me know if it helped. Thanks.

Lubos

vietsun Purchased

Hello Lubos, how can I optimize radiobutton for html version? Thank you!

LubosVolovar

Unfortunately no, but I will release an update in the next few days with the support for radio buttons in reservation form. I will reply to this message once the update will be ready.

vietsun
vietsun Purchased

:D thanks you!

LubosVolovar

The new update is available. You can now use the radio inputs in reservation form.

install url http://m9163.itsbiz.co.kr

sorry I’m not good at speaking English.

LubosVolovar

The background image you have used for sidebar (http://m9163.itsbiz.co.kr/wp-content/uploads/2014/07/1.jpg) is WAY too big, it has about 1,5 MB. I recommend to re-save it with a better compression.

how to get only color in the left panel ?

LubosVolovar

Sorry, but I do not understand your question.

When you unpack the .zip file downloaded from ThemeForest, you will see a Documentation folder.

Default-user

yes of course but i can’t use the custom.css, help me. I want just only color in the header.

LubosVolovar

You don’t need to use the custom.css, you need to create your own skin .css file, please follow the documentation. Some basic HTML/CSS knowledge is needed if you want to use the HTML template.

Could you please provide non minified vesions of the script files (css,js)? I am spending a lot of time just getting them back to a format that’s easy to edit/resolve issues in.

Thanks. Great theme

LubosVolovar

Hello and thanks for pruchase!

Theme’s main JS files are not minified, only third party plugins are and that’s a pretty standard practice. CSS on the other hand are minified because this theme is coded in SASS, so if you want to do any major chages to the code you should edit the SASS files (those are not minified) and convert them to CSS.

Lubos

vietsun Purchased

hi Lubos, in “reservation-form.html, the required fields is just for name, email, phone. I would like to have for date. how can I do it?

vietsun
vietsun Purchased

The Users send reservation without date. please fix for next update.

LubosVolovar

Sorry, I won’t change that because not all buyers would want to have the Date field to be required. As I said, you need to hire a freelancer if you are not familiar with the PHP. This template is pretty open for any customizations, but some basic knowledge is necessary.

vietsun
vietsun Purchased

Thanks, I will of course contact you if I need help.

hi Lubos. I just got this html template and im wonder if i can test the reservation-form via localserver like wamp because when i did it the form didn’t send anything to the email account i set up for.

LubosVolovar

Hi and thanks for purchase!

Honestly, I have no idea how to set it up on localserver as I am testing any PHP functionality on online server only.

how to put the default language in portuguese please ?

LubosVolovar

What do you mean? This is a HTML template, you need to do any content changes by yourself.

Default-user

my google chrome detect what my language is english, how do you change this ?

LubosVolovar

You need to disable the language checking in your Google Chrome, that doesn’t have anything to do with the theme.

I’m familiar with Drupal and have a client who is interested using in beautyspot. My thought is to buy the html template and incorporate it into Drupal. Three questions: Is there a base drupal theme you would recommend as a starting point? The client wants to use a different colour scheme from the ones you provide.. She wants the left hand panel to be graduated from black (or grey) to white rather than the pastel colours you have as standard. Do you think it will look ok? Will it be simple to achieve?

LubosVolovar

Hello,

I don’t have any experience with the Drupal platform, so I can’t really help you with that, but the Drupal version of the BeautySpot should be under development by this author, so you can try to get in touch with him.

Creating a custom color scheme is pretty easy. You just need to change few color variables in the .scss file and convert it into .css file. You will find the tutorial in the documentation.

Lubos

Default-user

Thanks for that Lubos.

I’m happy with scss so that won’t be an issue.

Do you think I should wait and use the Drupal version? My client doesn’t want to sell product through the site so will there be any functionality that will be provided by the Drupal version that will be missing if I do my own conversion. Or is the advantage purely that I would save time and effort by using the Drupal version?

Finally do you think the coloured panel will look OK in graduated white to grey rather than the pastel colours that you have built the site with? (I think you’ve done a great job with this site and I wish my client would take one of the colours you have included but the client is always the boss and she wants black and white.)

LubosVolovar

Please, contact the mentioned author with any questions concerning the Drupal version. I have nothing to do with that version, I just gave the permission to this author to create it and it ended there for me. I don’t know if it is really being developed actually, you should really get in touch with him.

You can use the Firebug plugin in Firefox to try to change the CSS for the sidebar on the demo page. I think it can look good, especially if you add some nice background image to it. But maybe some additional changes in the .scss will be needed in addition to just changing few variables. It still should be pretty easy if you know some CSS.

Thank you for your nice words!

Lubos

Hi Lubos.

I just got this html template and I must say that it is gret. I love it, everything is working like it should be, documentation is great and easy to understand and it is so easy to customize.

There is one thing I would like to change but i can’t find the way how to do it…MAIN SLIDER (owl.carousel) on index.html will not auto start on mobile devices. Any sugestions?

LubosVolovar

Hello and thanks for purchase. Yes, this is the standard behavior because I think that it is better for user experience this way. I can give you a hint how to change it to have the autoplay also on mobile devices, but I am on vacation till 10th August, having only ipad with me so I am not really able do to it now (would need to check the code). Feel free to send me an email using contact form in my profile and I will reply as soon as I get back.

Also, if you like this template, don’t forget to rate it 5* ( under your account / downloads). It will help me a lot, thanks.

Lubos

Default-user

Found it…I had to comment out scripts.js on lines 613-621 (STOP ON SMALLER RESOLUTIONS)and that’s it.

Btw, your code commenting is very helpfull. Thank you for that.

If I have any more questions I’ll contact you from contact form on your profile. Have a nice vacation

DuĊĦan

LubosVolovar

Great :) Thanks

vietsun Purchased

Hi Lubos,

how can add more images in image-gallery?

vietsun
vietsun Purchased

yes, sure!

LubosVolovar

Share a link to your page please.

vietsun
vietsun Purchased

ok, i sent to pm.

Hi,

I want to buy this template html version but seems that there is a problem to wieving live demo site on safari browser for desktop which has version 5.1.7

Demo site is opening correctly but I can’t click any object on website.

Could you please check this?

Thanks

LubosVolovar

Hello,

I guess that you are talking about Windows version of Safari. Sorry, but this version is outdated. Apple does not support newer version on Windows. BeautySpot was tested on Mac version where it work just fine.

Lubos

Default-user

Great !!!, Thanks for quick reply…

hi i have just purchased the template and use the reservation form and i got this message

“Parse error: syntax error, unexpected ’@’ in /home/public_html/ajax/reservation-form.php on line 10”

Default-user

just sent you an message , please take a look ..thank you

LubosVolovar

Already replied.

For others, who are facing such issue, please make sure that you don’t have any typo in the code where you are editing your email address. Especially be careful about apostrophes.

Default-user

thank you! it worked

Can i add more field to the reservation form?

LubosVolovar

Yes, it is possible but not without some HTML and PHP knowledge. You can hire a freelancer to do that.

There is also a WordPress version which is more suitable for normal users, HTML templates are generally focused on developers.

caa055 Purchased

Hi, I LOVE how your theme looks. But I unfortunatley purchased the HTML version by mistake. I needed the Wordpress version, so I’m unable to comment on the functionality.

I’ve opened a ticket with Envato for support to assist me with this situation, but apparently their support is non-existent – Envato support is just the worst i’ve seen as far as customer service!!!. At this point I’m very upset how they are ignoring my request for help! I whish I could simply pay the difference and get what I need, which is your Wordpress version for the BeautySpot.

However i see here you’ve personaly been very helpfull to your clients with answering technical questions. That’s what support means.

I just whished that Envato would have been as caring as you are with your clients!

Thank you!

LubosVolovar

Hello!,

yeah, Envato’s support is VERY slow nowadays, but they will sure reply to your ticket. As it is already weekend in Australia, you shouldn’t expect it sooner than on Monday. Sometimes you can speed things up by tweeting them on Envato Support. Anyway, if you haven’t already downloaded HTML version I am sure they will be able to help you with your issue.

Thanks for your kind words, I hope that you won’t be disappointed with WP version and it will be worth all this trouble:)

Lubos

Default-user
caa055 Purchased

Hi, Thank you for your quick response. I’ll try tweeting them. Thank you.

Cant change favicon

LubosVolovar

Hello, I can’t see “PURCHASED” badge next to your name.

Anyway, if you changed dummy favicon image to something else, it can take some time till it will be shown in some browsers. Make sure that your own image is in ”.ico” format, or you will need to change a link in header of all HTML templates.

by
by
by
by
by
by