Five Star Review and Pics not working

Support
#1

Hey,
My 5 stars reviews are not working. When I divide the page into two columns it puts 10 stars instead of 5. Here is a link showing the stars.

http://vps28450.inmotionhosting.com/~outdoordogsupply/product/garmin-alpha-100-tt15-mini-track-train-combo/#1482508528779-ea74f21f-0caff360-91c7545e-85899a12-22c59402-47c0

I am also have trouble with a few of the pictures. Here is an example. I need the big picture to show and the thumbnails to show under the main pic. I would also like the Thumbnails to be bigger.

Here is a link showing the pics. http://vps28450.inmotionhosting.com/~outdoordogsupply/product/stainless-steel-hook-dog-pail/

The last thing is I have a message telling me “Your theme(X-Child Theme contains outdated copies of some WooCommerce templates files.” How do I up date that.

#2

Hello There,

Thanks for writing in!

1.) There is a duplicate star rating on the page: http://prntscr.com/fvxkhp
You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

2.) To resolve your product thumbnails, please check out this thread:

3.) “Your theme(X-Child Theme contains outdated copies of some WooCommerce templates files.”
This should be resolved in the next few days when we release the latest version of the theme.

Hope this helps. Kindly let us know.

#3

Ok! So I applied the code to fix the thumbnails but now as you can see here http://vps28450.inmotionhosting.com/~outdoordogsupply/product/garmin-astro-430-ultimate-hound-bundle-with-the-drivetrack-70/

When we have a lot of thumbnails it looks funny. Is there a way to make the thumbnails in a carousel. So you can click an arrow to see more thumbnails?

#4

Hi,

It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

#5

Can you tell me how to make the thumbnails a little smaller? So that at least this way it will not look silly when we have a bunch of images. Or could you tell me/ point me in the right direction so I can get this done. Maybe even just tell me what you would call it so I know how to google for it better. Any help would be greatly appreciated.

#6

Hi There,

Please add the following CSS to X | Launch | Theme Option| CSS

.woocommerce div.product .images figure [data-thumb]:nth-child(n+2) {
width: 12%;
margin: 5% 5% 0 0;
}

Hope it helps!

#7

So I have looked and looked and all I can seem to find that will do what I want it to do is a $49 plugin https://iconicwp.com/products/woothumbs/ I have bought a bunch of plugin to make this theme work and I don’t know if it was worth it. I don’t mean to be rude but I have bought a lot of plugins and keep running into issues with this theme. I am about to have to buy Visual Composer unless you can provided me with an updated version. I know I paid extra for longer support is there anyway you could please help me with this. I have bought this theme for many different sites and have been provided great tech support thats way I decided to go with this theme again. I am willing to pay for the code to be written I just don’t want to run into a problem with a plugin not working because of the theme again.

#8

Hi There,

Can you provide a mockup of what you are looking for, we will let you know if it is possible with X only.

We don’t have many reports of conflicting plugins with X. Unfortunately we have not tested this plugin with X and we cannot provide support in case it is not compatible.

Please provide your mockup so we can take a look.

Thank you

#9

This is our test site.
http://vps28450.inmotionhosting.com/~outdoordogsupply/

Again all I am waning is to be able to have the thumbnail pics to be able to carousel over when there are a lot of them. Here is a link to our test site with a product that as a lot of thumbnail pics.

http://vps28450.inmotionhosting.com/~outdoordogsupply/product/garmin-alpha-tt15-combo-build-your-own-bundle/#1482508528779-ea74f21f-0caff360-91c7545e-85899a12-22c59402-47c064bd-0719

#10

Hello There,

Please do removed the custom code we have provide to be able to have the product carousel back. This code in particular:

// Remove product gallery slider and gallery zoom
// =============================================================================
add_action( 'after_setup_theme', 'remove_woo_three_support', 11 ); 
function remove_woo_three_support() {
    remove_theme_support( 'wc-product-gallery-zoom' );
    remove_theme_support( 'wc-product-gallery-slider' );
}
// =============================================================================

Please let us know how it goes.

#11

When I remove that code it brings the thumbnail images back to the top and makes them small. I need them to be bigger and at the bottom.
This code did that for me it just did not let me have the carousel. Could you please provided me with the code so we can have both.

// Remove product gallery slider and gallery zoom
// =============================================================================
add_action( ‘after_setup_theme’, ‘remove_woo_three_support’, 11 );
function remove_woo_three_support() {
remove_theme_support( ‘wc-product-gallery-zoom’ );
remove_theme_support( ‘wc-product-gallery-slider’ );
}
// =============================================================================

#12

Hi there,

Please kindly keep the code removed, and instead add the code below to X > Launch > Options > CSS:

.single-product .flex-control-nav.flex-control-thumbs {
    float: none;
    position: relative;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.single-product .flex-control-nav.flex-control-thumbs img {
    min-height: 60px;
}

.flex-control-nav.flex-control-thumbs li {
margin: 10px;
}

.woocommerce-product-gallery__trigger img {
    visibility: hidden;
}

.woocommerce-product-gallery__trigger:before {
    font-family: "FontAwesome";
    content: "\f065";
    color: white;
}

add_action( 'after_setup_theme', 'remove_woo_features', 999 );
function remove_woo_features(){
remove_theme_support( 'wc-product-gallery-zoom' );
remove_theme_support( 'wc-product-gallery-lightbox' );
remove_theme_support( 'wc-product-gallery-slider' );
}

That will make the images of thumbnails go to the bottom section of the page without losing the zoom and other stuff.

Thank you.

#13

Ok so that made the pics small and at the bottom. Is there anyway to make it so it carousel. If you look at this link you will see that there are a lot of pics. http://vps28450.inmotionhosting.com/~outdoordogsupply/product/garmin-alpha-tt15-combo-build-your-own-bundle/ I would like my customers to be able to scroll threw the thumbnails and they be in one line at the bottom of the main pic.

I found this code on Stack Overflow but it dose not work when I add it. Is there a way that this might work.

<?php $args = array( 'post_type' => 'product', 'meta_key' => '_featured', 'meta_value' => 'yes', 'posts_per_page' => 10 ); 
         $featured_loop = new WP_Query( $args );//global $product;

         if ( $featured_loop->have_posts() ):
            $count=0; 
            while ( $featured_loop->have_posts() ) : $featured_loop->the_post();
            $count++;
            if ($count %3 == 1) :


            ?>  

            <div class=
            <?php
            echo '"';
            echo 'item ';
            if($count == 1)
            {
                echo 'active';
            } 
            echo '"';
            ?>>
            <?php endif; ?>

                <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 ">
                    <div class="thumbnail">
                        <i class="tag"></i>
                            <a id="id-<?php the_id(); ?>" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
                                <?php echo woocommerce_get_product_thumbnail(); ?>
                            </a>
                    </div>
                    <div class="panel-body text-center">
                        <h6><?php the_title(); ?> </h6>
                    </div>
               </div>

           <?php if ($count % 3 == 0):?>


           </div> 

           <!-- items ends here --> 

           <?php endif; endwhile;?>
           <?php wp_reset_postdata(); endif; ?>


    </div><!-- end of carousel-inner -->
        <a class="left carousel-control" href="#featured" data-slide="prev">‹</a>
        <a class="right carousel-control" href="#featured" data-slide="next">›</a>
</div> <!-- end of carousel -->
<?php wp_reset_query(); ?>
#14

Hi There,

It is possible to add the carousel function with more custom code. The carousel feature does need JQUERY function too. Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. We do have an in-house custom development team that offer paid services, who may be able to assist. They can be contacted at pinnacle@theme.co if this is of interest to you. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

#15

Thank you. I just contacted them.

#16

You’re welcome!