Integrate WooCommerce and Woocommerce Bookings on one page custom theme - php

I'm currently developing a one page website using Wordpress and a custom theme and I'm struggling to understand how I can integrate WooCommerce checkout (and WooCommerce Booking plugin) on my index page, which contains everything rather than using /shop/ etc.
Is that even doable?
The website can be seen here: http://a-maze-in.com but the booking section is empty for now (it's live)
Any insight deeply appreciated.
Cheers.
[edit]
To be more specific, my question would be: How can I handle every step of the shop and checkout process on a single page? (that would be my index)
[/edit]

Turns out that my main problem was wp_footer(); missing from the footer.php page on my Custom theme. That little thing wasn't trigging the WooCommerce functionalities (and more specifically the functionnalities linked to the Bookings Plugin)
I've amended that and now it's working on my page. I still have a lot to figure out (like how can I do the checkout on that same page) but now I can work with that.

Related

How to design unconventional woocommerce shop?

First a line about me: I have skills in html & css but no skills in php. I am new to wordpress, but I learned already to build a wordpress theme for my own from scratch. If I had a problem, I always found a solution on the internet. Now I have a problem and after searching for hours, I haven’t found any helpful tips.
I want to make a website with a little webshop inside, only one product for now. I did choose WooCommerce because it is popular and i thought maybe it works like wordpress. Now I have the problem that I have no idea how to design my site. I am sitting in front of countless files with code i do not understand. I want something similar to thie website below. Right half with an image and left half with product title, description and “add to cart” button. No category, no filters, no shop overview. Just a front page with one product.
Is it possible to do the same like designing a wordpress theme like <h2><insert title code></h2> then <p><insert product description code></p> or does WooCommerce works completely different? All tutorials I found were not helpful for me.
http://ilyaskin.com/mono/
There is a lot of question here then I will answer to one of these and I think it's better to create a new discussion for each other question.
If you to have only a product, you can start to put a shortcode to display the product details with button "add to cart" :
https://docs.woocommerce.com/document/woocommerce-shortcodes/#section-12
The next step is to customise the display and for that, the first question is to know if the theme can be updated. If yes, you have to start with a child theme :
https://developer.wordpress.org/themes/advanced-topics/child-themes/

embedding woocommerce page breaking theme and not displaying correctaly

First I have contacted the theme developer and even paid for extra support and I am not getting any help. Thanks in advance for any help that you guys can give me
Issue:
When I embed a single product page using the Visual Composer Woocommerce Product Page Element on the home page the theme breaks. I've done this before on an older site using the same theme (Porto theme themeforest) and it worked fine. You can see it here: http://easypayold.wpengine.com/ (enter: UN: demo PW: 26d2d9153c32 to view site)
I am rebuilding the site and I am having the above issue.
I have disabled and activated all plugins to trouble shoot no changes. Then I activated the twentyseventeen them and embedded single product page worked so the issue seems to be from the theme itself.
I have removed the above single product page from the home page so you can see what it should look like then added it to a duplicate page so you can see how it is breaking the page. You can look at the home page to see the way it should look.
Duplicate page:
Name: !Home with Woocommerce embedded product page
URL: http://krankfinance.wpengine.com/home-2-2-2/
Home page the way it should look (with out single product)
http://krankfinance.wpengine.com/
Problems on home page:
1. Full screen rows become boxed
2. Reviews are gone (big issue)
3. The embedded single product page (bottom of home page) is not displaying correctly.
Here you can see the stand alone single product page, the way it should look when embedded on home page:
http://krankfinance.wpengine.com/shop/easy-pay-formula-x-driver/
Thanks in advance. If you need any other info from me please ask.
I fixed the issue (really more of a bandaid) by using an older version of my theme's woocommerce folder and putting it in my child theme. Then i removed the "Responsive Tabs js located porto(my theme)/woocommerce/single-product/tabs/tabs.php
Really want it to work with the current theme's woocommerce though. Still no help from theme developer.

WordPress implement custom plugin

The situation
A customer has a website made in WordPress for selling houses. When designing the website they made a 'te-koop' (for-sale) post type with dummy items for testing.
So now in the sidebar (backend) I see this:
Post type in sidemenu in backoffice
On the front the main page uses /themes/THEMENAME/archive-te-koop.php
and the detail pages are using /themes/THEMENAME/single-te-koop.php
This all worked fine and I understand how this works.
But now I have to implement data from an API that contains all different houses etc. I can use a custom plugin that generates the shortcodes I need. I have already installed and activated it and used the shortcodes on the homepage.
So then I started editing the archive-te-koop.php file and used do_shortcode() to call the overview of all houses, which works perfectly. And I can surf to using the link: https://DOMAINNAME/te-koop
The problem
I now want to edit the single-te-koop.php page for the details of the houses. The problem is that I can only go the detailpages of the dummy items because of the %post-name% being used. (https://DOMAIN/te-koop/%post-name%)
How can I make this work so I can remove the dummy items and then call the API shortcodes in the single-te-koop.php file?
I think the problem is the is_singular() function which results in false if there is not an item in de backoffice.
I really hope someone can help me on my way

Woocommerce without wordpress

I am building an online store with wordpress+wocommerce. What I want to do is , once I am done with the all customization and publish the site, I no longer need the word press tools. The owner of the site is only interested in the data presented by wocommerce such as daily sales, visits etc. But the wordpress administration page is complex and complicated. So the question is, is it possible to remove all other stuff and just keep wocommerce for the client?
WooCommerce is a Wordpress plugin, so no, you can't run it without Wordpress. If your goal is to make the backoffice simple to your client, you can strip all the unnecessary menu items from the sidebar, so he only sees the WooCommerce options. Take a look at this reference.
For example, to remove the Plugins item, in the theme's functions.php add:
add_action("admin_menu", "remove_items");
function remove_items() {
remove_menu_page("plugins.php");
}

Wordpress E-commerce

I want to add shop to a site. But, before using the tools I need to know if I'm using the right ones
The site is already built in a form of a blog with different articles. In this stage I want to add a shop and I decided to use Woocommerce as a plugin.
The point is that i don't know how to continue. Should i build a child-theme for the shop to take the same style of the website that is already build?
Many of you might suggest shopiffy but at this point I want to have an idea more about the woocommerce.

Categories