Support » Plugin: WooCommerce » 'Add to Cart' Will Not Display with Custom Theme

  • Resolved kangabell


    On the product page, the price and Add to Cart option will not display at all. I am using the “variable product” option. The theme is called “Good Minimal”.

    I was able to get the “Add to Cart” button and product amount to display by adding to my CSS “.single_variation_wrap { display: inline !important; }, but it does not seem to be registering the function for selecting size and color. When I select the size and color from the dropdown menus, then choose “add to cart”, it gives me the message: “Please choose product options…”. Additionally, if I choose options then hit “clear selection” it will not clear.

    When switched to the TwentyEleven theme, everything works fine.

    I am assuming the issue is with something in my theme’s functions files, but where?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author royho


    This is something you have to ask your theme developer. It sounds like you have a JS issue.

    Ok, I’ve contacted the theme developer. I wouldn’t count on getting an answer from them, though. They aren’t very responsive. Does anyone have an idea of what file or folder I might want to look in to edit the relavent javascript myself? I’m kinda a newbie when it comes to that stuff.

    Ok, I temporarily deleted all javascript files from my theme and the issue persists. Maybe the issue lies in a php file. Anyone have an idea of where to look??

    it’s likely css. care to post a link?

    Plugin Author royho


    This is most definitely not a CSS issue. It is JS issue from what you’re describing. You said clicking on clear selection did nothing. That is a classic tale tale sign of JS issue.

    You may think you have deleted all JS scripts, but some are loaded in different ways so it may not be apparent on where they are.

    I found the issue. It was in fact a JS conflict. There was some javascript in the header.php, which is why the issue persisted even after removing all .js files.
    The culprit was something called “prettyPhoto”, which I believe is a lightbox-style image display/slideshow script that came with the GoodMinimal theme but I was not actually using. I just deleted that script and everything works wonderfully now! I wonder what it is about prettyPhoto that was incompatible? Here is the code I removed:

    <!-- PrettyPhoto-->
    <link  rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/<?php echo $theme_color; ?>-prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" >
    <script src="<?php echo get_template_directory_uri(); ?>/js/libs/jquery.prettyPhoto.js" type="text/javascript"></script>
    <script type="text/javascript">
    		animation_speed: 'fast', /* fast/slow/normal */
    		slideshow: 5000, /* false OR interval time in ms */
    		autoplay_slideshow: false, /* true/false */
    		opacity: 0.70, /* Value between 0 and 1 */
    		show_title: true, /* true/false */
    		allow_resize: true, /* Resize the photos bigger than viewport. true/false */
    		default_width: 500,
    		default_height: 344,
    		counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
    		theme: 'facebook' /* light_rounded / dark_rounded / light_square / dark_square / facebook */

    well, woocommerce uses fancybox. since both are lightbox plugins, maybe they step on top of eachother somehow.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘'Add to Cart' Will Not Display with Custom Theme’ is closed to new replies.