WordPress.org

Ready to get started?Download WordPress

Forums

Woocommerce bugs (20 posts)

  1. jayce103
    Member
    Posted 2 years ago #

    Hi fellow WordPressers.

    I have a couple of issues with a plugin and theme, which I am assuming is CSS. However I am not a programmer (I mean at all), hence why I chose WordPress.

    OK! The first is a miss alignment of a form. I think its because the theme width is too narrow (but I could be wrong).

    http://jayceclarkephotoschool.com/checkout

    The second appears on the Product page

    http://jayceclarkephotoschool.com/shop

    The whole sidebar and footer gets wonky.

    Does anyone understand the problems who can help me fix it. I am looking for the easiest way as I do not code.

    Really appreciate any help as I love the theme and I love the shop plugin so hoping this can be sorted...

    Regards,

    Jayce

    PS the Theme is called Swagger by Outerspice...

  2. rishel
    Member
    Posted 2 years ago #

    The same thing has happened on every skin that we test, EVERY skin. The opening page or "shop" page is completely, and totally messed up.

    We tested it on 6 different skins, all were messed up.

    Take a look: http://www.patriotexplodingtargets.com/shop/

  3. mikejolley
    Member
    Posted 2 years ago #

    Read here: http://www.woothemes.com/woocommerce-docs/codex/third-party-custom-theme-compatibility/

    If you cannot fathom the hooks, use the woocommerce_content() method to integrate with your custom themes.

    Its only like it is because we cannot anticipate every themes structure.

  4. rishel
    Member
    Posted 2 years ago #

    Mike, I would prefer to use the hook method as it seems more stable?

    Where do I put the code at? I assume I put all 4 lines of this code into a file on my site:

    remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
    remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
    
    add_action('woocommerce_before_main_content', create_function('', 'echo "<section id=\"main\">";'), 10);
    add_action('woocommerce_after_main_content', create_function('', 'echo "</section>";'), 10);
  5. mikejolley
    Member
    Posted 2 years ago #

    functions.php of your theme - you will need to tweak the <section id=\"main\"> part.

    The woocommerce_content method is easier as it uses your theme sidebars too, but you can try hooks first.

  6. rishel
    Member
    Posted 2 years ago #

    Mike I appreciate your assistance, I really do, but I just am not getting it. I was trying to figure this out so that I know what to do with my other clients when we start to integrate them to a new ecommerce solution.

    Try not to be upset bro, you work with this stuff day in and day out, to some of us... well, its new. I would love to patron your company, but this one part is whats keeping me locked out, it happens man.

    Trust me, the last thing I want to be doing is bothering you on the internet, and getting into the semantics of terminology about "template vs skins", your far to busy for that.

    Obviously if I could get this to work with one clients site, I could get it to work for all of them, so this would be a win win for me for sure.

    I tried both methods, and well.. simply not getting it. One method simply made the page never stop loading with a message of No Products found etc. This is new ground for me as per hooks, as I have never had a need to use them up to this point, perhaps that was ignorant on my part, who knows.

    So back to the drawing board for a solution unless some presents a much easier explanation that i can apply to all my clients.

    Sad part is, every page looks awesome but the main opening page.

    http://www.patriotexplodingtargets.com/shop/ <- Messed up

    http://www.patriotexplodingtargets.com/cart/ <- Flawless

  7. mikejolley
    Member
    Posted 2 years ago #

    The woocommerce_content() method is what you should use.

    Duplicate your theme's page.php file, rename it to woocommerce.php and locate the loop. In twenty-10 the loop in page.php is:

    <?php
    			/* Run the loop to output the page.
    			 * If you want to overload this in a child theme then include a file
    			 * called loop-page.php and that will be used instead.
    			 */
    			get_template_part( 'loop', 'page' );
    			?>

    Some other themes likely have a 'have_posts' section (the part which outputs the page title/content etc).

    http://codex.wordpress.org/The_Loop

    Once you locate that you just need to replace it with:

    <?php woocommerce_content(); ?>

    That quite simply outputs the content area from woocommerce into your template with the correct layout.

    Users who cannot do this can always use our pre-made themes. You should definitely look into the loop, and hooks and filters too, if your serious about developing for WordPress.

  8. jayce103
    Member
    Posted 2 years ago #

    Hi Mike,

    Thanks for that. Not sure if I understand it either, but will give it ago. Looking at the document on the link, this will solve the out of line sidebars.

    This will not solve the form page being out of line too, or will it? I had it in my mind that this was a size issue rather than a hook.

    Jayce

  9. jayce103
    Member
    Posted 2 years ago #

    *Update.

    I did the Woocommerce method and it did put my sidebar back there and brought my products into line. However I am still getting a syntax error as follows.

    Warning: Invalid argument supplied for foreach() in jayceclarkephotoschool.com/wp-content/themes/swagger/functions/oswc-post-types.php on line 878.

    I am still getting the checkout details out of line too.

    Appreciate your help guys.

    Jayce

  10. rishel
    Member
    Posted 2 years ago #

    Ok, so here is what i did based upon what Mike said...

    First I made the woocommerce.php page and put it into my themes directory, it was a duplicate of the page.php initially.

    This is the loop that I think I found...

    http://christianrishel.info/temp/WooCommercePart1.png

    This is what I replaced it with...

    http://christianrishel.info/temp/WooCommercePart2.png

    I then saved the woocommerce.php file to my webserver in the themes folder, which produced these results:

    http://www.patriotexplodingtargets.com/shop/

  11. rishel
    Member
    Posted 2 years ago #

    If anyone can take a look at my page.php file which can be renamed of course to woocommerce.php and tell me where the hook goes, I would be very appreciative.

    The link can be right clicked and saved as: http://www.christianrishel.info/temp/page.php

  12. mikejolley
    Member
    Posted 2 years ago #

    You cannot download the contents of a php page ;)

    Looks like you just have not removed enough of your loop - there must be an un-needed endwhile in there.

  13. rishel
    Member
    Posted 2 years ago #

    And I removed it all finally, but the problem is this...

    Take a look now: http://www.patriotexplodingtargets.com/shop/

    but

    It's not embedded inside a black box area like every other page is, for example:

    http://www.patriotexplodingtargets.com/page-1/

    http://www.patriotexplodingtargets.com/contact/

    But the shop page does not, the content is supposed to be inside a black page.

  14. rishel
    Member
    Posted 2 years ago #

    Oh and Mike, I now know how to fix this on other client sites, which means I can use it on their sites. So yes, its good to fix this stuff for future clients for Woo right?

  15. jayce103
    Member
    Posted 2 years ago #

    Glad that you got sorted rishel!

    Can anyone help me??? lol

  16. anonimesone
    Member
    Posted 1 year ago #

    your sidebar is totally messed up. well i guess it is.

    here is the fix.

    go to your wordpress themes folder and open up 'single.php' or 'page.php' with your favorite editor. notepad works.

    find out what the html code is around this line:
    <?php get_sidebar(); ?>

    yep you got it. there is a div around that line.
    Similar to this maybe:

    <div id="sidebar">
        <?php get_sidebar(); ?>
    </div><!-- End of sidebar -->
    <div class="clear"></div>

    or something else. It's what you need.

    ok so you now you know what is required.
    there is a file in the woocommerce plugin folder called 'sidebar.php'.
    The path to the file that needs to be edited can be found here '/plugins/woocommerce/templates/shop/sidebar.php'.

    all you need to do is to add the same code that you found in the single.php or page.php file around the line as above.

    to make sure that the file you are about to change does not mess up when updating woocommerce you need to do the following.

    make a folder in your themes folder called 'woocommerce'.
    in the 'woocommerce' folder make another folder called 'shop'.
    in the 'shop' folder copy the file called 'sidebar.php' into the 'shop' folder.
    edit the copied file and save it.
    so the file should be in the path:
    '/themes/<your theme folder>/woocommerce/shop/sidebar.php'

  17. BCServices
    Member
    Posted 1 year ago #

    I'm having the same problem. I have created the woocommerce.php in the directory of my theme and that fixed the layout on the main shop and products but when you do the checkout all the forms are way out of line and looks a mess. I have looked through a lot of forums but cannot work out how to get the forms to line up as they should. I changed the theme to twenty-10 and it all looks fine, My theme I am using is reBrand by OTWthemes. Thanks

    [ Please do not bump, that's not permitted here. ]

  18. anonimesone
    Member
    Posted 1 year ago #

    BCServices wats your website so i can see wat ur issue is

  19. BCServices
    Member
    Posted 1 year ago #

    Thanks for replying, Unfortunately, I have removed woocommerce from my website because I could not get the problem fixed.

  20. Thomas Morley
    Member
    Posted 1 year ago #

    I am setting it up for digital image down loads, And I am not a programer!!

    I seem to be having a few problems with woocommerce. I am using genesis themes and have the genesis plugin as well. Here is my shop page:

    http://sphericnews.com/shop/?preview=true&preview_id=2784&preview_nonce=d5b3c7f290

    There is a simple view with a thumbnail, when it is clicked on it takes me to another page with a very blurred image of the thumbnail which when clicked, gives a good quality version. How can i stop the blurring or change the size of the image, and is this layout normal?
    There is no recognition of purchasing anything if you click the add to cart button on the shop page but it does show i your basket.
    You are then taken to the blurred image page where you have to click again to see a quality image seems long winded.?

    my second and final problem is after that:

    When 'add to cart' is clicked, once you are in this page,
    http://sphericnews.com/shop/acholi-tribesman/ the view cart display appears click on that and the cart appears no problems but once you are in check out, fill in the name address etc click terms and then place order you get this code at the top {"result":"success","redirect":"https:\/\/secure.mijireh.com\/checkout\/B6B5A7DE06655DB4 no option to put in my payment details or the download???

    I do hope someone can point me in the right direction

    Thank you

    Thomas

Topic Closed

This topic has been closed to new replies.

About this Topic