embedding woocommerce page breaking theme and not displaying correctaly - php

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.

Related

Restoring Deleted Front Page in WooCommerce

I was trying to get rid of the Welcome section on the front page of a WooCommerce site I am building. The site is using the Storefront theme.
I thought the way to do it was to delete the Welcome page from the Pages section of WordPress. However, as soon as I did that, the entire front page of the store is gone and it is back to what seems like a regular WordPress.
Using "Create default WooCommerce pages" feature of WooCommerce does not seem to work as it neither fixes the display of the front page nor creates another Welcome page.
I have several questions.
1. What went front?
2. How can I fix it, so the store displays again.
3. How can I get rid of the Welcome section on the front page without blasting the entire page off the site?
Any advice is appreciated.
P.S. I should mention that I originally moved the Welcome page to trash. I then saw that it broke the site. In turn, I attempted to restore it, but it didnt fix the issue. I then deleted the page permanently in hopes of recreating it with the WooCommerce functionality. The latter didnt work.
You need to use the WordPress theme Customizer
under front page you have the option to choose a page your blog as a front page, here you just need to select the page that you deleted and then restored
this link may be of some use to you... https://atlantisthemes.com/change-storefront-homepage-layout/

Wordpress Preview shows wrong Template

Recently, when I view a page in Wordpress Preview mode, it always loads the default template (theme page.php file) whereas when I look at the published page, it's the right template. I have around 10 different templates for my pages. Just keep in mind that I'm not talking about the theme itself, but the Wordpress template structure. I included three pictures. The admin panel one, shows different templates for my page.As shown, I chose Fixed-Width Clean Page. The second picture shows the page in Preview mode.As you can see it includes a sidebar which is included in the default template but not the one that I chose. And the last picture is the Live view of the website which is correct. As you can see the sidebar doesn't exist. I searched all over the internet and did some suggestions, but none of them work (like saving the permalinks again, changing the theme and changing it back again, etc). The only change that I recently made was upgrading to Wordpress 4.7.4 and blocking access to admin panel by ip using .htaccess file (I removed the .htaccess file, but still no luck). Any suggestions would be appreciated.
OK, after some time I figured out what the problem was. The "WP Subtitle" plugin version 2.9, breaks the preview functionality if you have multiple templates. I report the issue to them as well, but posted the answer if somebody came across the same problem. In order to fix the issue temporarily, i commented out the below line (line 74) on the plugin's main file (wp-subtitle.php):
//add_filter( 'the_preview', array( 'WPSubtitle', 'the_preview' ), 10, 2 );

Wordpress showing two menus

On my website (www.peoplesarms.com) home page everything is fine. What I can't figure out is that when I go to Contact Us, Cart, My Account, potentially Checkout though it shows the same screen as cart at the moment because no shop items there yet, there is an extra (not useful) menu showing HOME >> CART or HOME >> CONTACT US
I want to get rid of that, but I can't seem to figure out where that is coming from.
All I want there to be is the main menu right under the logo.
Any help will be appreciated.
Thanks.
So in this case the breadcrumbs was coming from the theme. Not sure why it did it that way, but they did. The solution was to alter the css to display: none; on #breadcrumbs id's. The reason it didn't appear to be working was because the hosting service had turned on the cached pages function and wasn't serving the altered css file. I banged my head on that for about 2 hours trying for all my ability to understand why it wasn't working.
It is known as breadcrumbs. You are using online-store theme with kirki customizer plugin with comes up with an option to enable/disable it from backend.
To disable to go to
Appearance > Customize > WooCommerce > Breadcrumbs(uncheck the button)
It should have worked but what I saw maxstore theme does not care about the above steps so you can fallow any of the below methord.
Method 1: Modify the function
Removed all the code inside the function present in wp-content\themes\maxstore\functions.php
function maxstore_breadcrumb() {
return '';
}
Method 2: Comment out the function from template files
You need to comment out maxstore_breadcrumb(); from the below listed 4 PHP file in maxstore theme.
wp-content\themes\maxstore\archive.php
wp-content\themes\maxstore\content-page.php
wp-content\themes\maxstore\content-single.php
wp-content\themes\maxstore\index.php
Please Note: If you 'll upgrade the theme you might have to follow this steps again.
Hope this helps!

Add <?php the_content(); ?> to WooCommerce page template

I use Elementor page builder on my WordPress site. There is a problem with it - by default it doesn't allow editing WooCoomerce Shop/Products pages. The solution they say is to add to page templates code. I, being a beginner with no idea of coding, cannot figure out which file to add this code to and where in that file. I have been researching and trying to fix this myself for two weeks now, in vain. Please help me achieve this.
Here's what Elementor say: "Sorry, the content area was not found in your page. You must call the_content function in the current template, in order for Elementor to work on this page."
Go to Elementor setting and then check products in post types
Go to Products, click Edit on the product you want to edit, input something (ie. a full stop-sign '.') in the WP Editor, click Update. (See attached screenshot.)
Screenshot
There seems to be a misconception that Elementor can be used to "edit" any content.
For Elementor to work on a "Page" i.e. the post type that uses either the page.php or any theme declared page templates it requires the_content(); function to present in the code.
Issue #1: WooCommerce uses the woocommerce_content(); function to return the content of the shop.
Issue #2: The Shop output does not use the "Page" or Custom Page template - the output is equivalent to the index.php or home.php, neither of which are editable via Elementor.
Unless you are willing to write a pretty sophisticated function to collect all those elements' data and filter them into the_content(); function, there is currently no way of editing such content directly.
I know it's not the solution you are looking for but that is the current state of affairs. Having said that, some of us are working on all sorts of solutions and maybe, just maybe - we'll come up with a way to have this option available soon ;)
For shop page you should go to Elementor setting and then check products in post types.
Because shop page products are not the content but posts it's the solution.
So inlcude products in post types and edit with elmentor, if for some reason you can't see 'edit with elementor' under shop page, then just open shop page and add
/?elementor and it would enable elementor
NO need to add this code in any page follow these instruction.
You just need to clear cache and cookies your browser, Some time website take previous data to show the web page and give this error.
or
if you open your website private mode then login and go to the page by Elementor you will never face this problem.

Integrate WooCommerce and Woocommerce Bookings on one page custom theme

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.

Categories