How to edit the front end to fit in with my current website
-
Hi there, I've been working on a simple static Bed and Breakfast page in bootstrap for my parents B&B and was looking for some easy to use booking software to help them out manage room reservations. I have installed the app on my local webserver and started looking around. the back end is fairly nice but it seems to have totally broken my static website. Is there any way to link my current static design with the booking software. I want people to basically land on my own build website and when they pick a date use that info to go straight to the checkout page. Is there any way to disable your front end? I don't need to search for a hotel because at this time there is only one "hotel with only 1 room" this may change in the future but I would build a seperate site per "hotel/ Bed and Breakfast" in the future.. Any help would be welcome. Also I am not very sure if the copy I am building at the moment on my localhost will ever run once I copy it to a live webserver because things had to be installed. I am a very noobish web developer teaching myself as I go as a hobby so bear with me on this one.. Thanks in advance.
-
Hi @Kevin,
We will have to make one on one discussion on this issue. So I request you to raise a ticket on https://webkul.uvdesk.com/en/customer/create-ticket/ -
@Faiz It would be a nice oppertunity to get some extra features into the app.. I love how it works so far I would just want to get the front end hook ups sorted so we can all use it even on smaller projects. Don't get me wrong the current front end is working on my server aswell as account creation for costumers I just want to hook the check out pages to my own website button so they can book. The only downside I saw currently is that we would need to pay for visa/mastercard support. Is that a one time fee for that module or is it yearly?
-
To take payment from credit cards from your website you will need to integrate payment gateway to your system.
The integration cost one-time payment.
Can you please inform me which module are you talking about here. So that I can assist you further. -
The payment module is not the issue at the moment. We will install it after we confirm that we can use the reservation system on our own website.. The issue at the moment is after the app is installed on the server it creates its own front end page for the hotel. I want to be able to integrate the hotel selection and date into my own written html site(with a bootstrap framework). In this way people can select a date for our one room hotel and use those dates to land on your checkout page (without the hotel star rating and the search option) I think the option to edit the logo and color of this page already but it would be awesome if we could edit the css for this manually) I hope this addresses the issue a bit more.
-
Hello @Kevin
We are discussing your requirement on the ticket system. We have replied you there so please continue the discussion there only. -
raised the ticket on the same url , was facing the same issue. nobody replied yet
-
Hi @smithclarkson01 Can you please share the ticket number.
-
I guess the title is pretty clear. I'm looking into programming to change careers. I more interested in the technical part rather than the design stuff. Like would learning python be good enough for me to get a back end job with?
ThanksEdit. Thanks for all the replies guys. Definitely cleared some things up for me. Now to get started
-
once you install the QloApps it creates a fontend as to provide a fully functioning hotel reservation system. To edit the frontend you can create a new theme or edit the default theme "hotel-reservation-theme"
QloApps is based on Prestashop, please follow their doc to understand how theme works.If you want us to make changes for you, please raise a ticket on https://webkul.uvdesk.com/en/customer/create-ticket/
-
i was also looking to edit front end to adjust my website
-
Hi @buchasur , Regarding your concerns to adjust or customize the front-end of your website, we can address them in one to one discussion. So, I request you to raise a ticket on https://webkul.uvdesk.com/en/customer/create-ticket/
-
-
I'm going to speak generally and assume that you can use google and to find resources on your own OS.
-
@rangedzs, we would like to tell you that in general, your suggestion is correct but if you can ask, discuss, or address specific points here so it will be helpful and understandable for other forum members too.
-
Thanks for you quick reply.
-
@shreesh said in How to edit the front end to fit in with my current website:
once you install the QloApps it creates a fontend as to provide a fully functioning hotel reservation system. To edit the frontend you can create a new theme or edit the default theme "hotel-reservation-theme"
QloApps is based on Prestashop, please follow their doc to understand how theme works.If you want us to make changes for you, please raise a ticket on https://webkul.uvdesk.com/en/customer/create-ticket/
Thanks for the guide sir it will be help me a lot.
-
To edit the front end of a component or feature to fit in with your current website, you'll typically need some web development skills and access to the source code or styling options for the component. Here's a general guide on how to do this:
-
Access to Source Code: You need access to the source code or configuration settings of the component you want to integrate into your website. This might be a widget, plugin, template, or code snippet.
-
Understand the Component: Familiarize yourself with how the component works and its dependencies. This includes any HTML, CSS, JavaScript, or other code involved.
-
Backup Your Website: Before making any changes, create a backup of your current website. This ensures that if anything goes wrong during the integration, you can easily restore your site to its previous state.
Hope this may help you.
-
-
Editing the front end to seamlessly integrate with your existing website involves careful consideration of design elements, layout, and color schemes. Start by identifying the specific areas that need adjustment and customize the CSS and HTML accordingly. Pay attention to details, ensuring consistency in fonts and visuals to create a cohesive user experience across your entire site. Testing and refining are key to achieving a polished, unified look.
-
To effortlessly integrate this front end with your existing website, ensure that design features such as color scheme, typography, and layout remain consistent. Ensure that pages transition smoothly for a consistent user experience. Aim for visual harmony and intuitive navigation.
