WooCommerce - excelling eCommerce
[resolved] 'Add to Cart' Will Not Display with Custom Theme (8 posts)

  1. kangabell
    Posted 3 years ago #

    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?


  2. royho
    Plugin Author

    Posted 3 years ago #

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

  3. kangabell
    Posted 3 years ago #

    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.

  4. kangabell
    Posted 3 years ago #

    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??

  5. bheadrick
    Posted 3 years ago #

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

  6. royho
    Plugin Author

    Posted 3 years ago #

    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.

  7. kangabell
    Posted 3 years ago #

    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 */
  8. bheadrick
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WooCommerce - excelling eCommerce
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic