[yonghao]

How can I add product thumbnails like the one showed on the E-commerce pro picture? I can’t seem to find any options for it.

[Mahesh]

@imboliboli: I didn’t quite get you. Can you please clarify more?

Regards,
Mahesh

[yonghao]

As you can see here https://catchthemes.com/themes/e-commerce-pro/. On the top right of the page is a preview of the theme and you can see all the products listed in a grid. I would like to know how to achieve that.

[Mahesh]

@imboliboli: It is the shop page, if you do have products and go to shop page, you’ll have a page similar to the one mentioned above. Then on the left side, it is using some Woo Commerce widgets. Hope this helps. Let me know if any problem.

Regards,
Mahesh

[yonghao]

Thank you so much for the reply, one more thing, how can I have the featured content as the main content in one of my pages? this is my website http://thatcoolgift.com/ and I would like to have the featured content in the middle of the page right next to the menu side bar.

[Mahesh]

@imboliboli: Go to Dashboard=> Appearance=> Customize=> Featured Content=> Featured Content Options and select Below Content option in Featured Content Position drop-down. This will display the Featured Content right next to the menu sidebar.
Let me know if any problem.

Regards,
Mahesh

[yonghao]

Ok it is now next to my side menu however is there a way to remove the page content all together? So it will only show the featured content on the homepage?
Thank you.

[yonghao]

and also if there is a way to make the featured slider smaller.

[Mahesh]

@imboliboli:
1. Hide page content.
Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.home #main {
    display: none;
}

2. Small slider
Do you mean to decrease the height of the slider or the width? If you mean height, you can use image with least height as you desire.
Let me know further.
Note: This will hide page content in Home page only.

Regards,
Mahesh

[yonghao]

It worked for awhile but now my home page is showing nothing at all http://thatcoolgift.com/

[yonghao]

I tried removing

.home #main {
display: none;
}
but nothing changes

[yonghao]

I did a reset and it seems to be okay now, regarding the slider, I just want to have a over all smaller slider that does not span across the entire page below my header.

[Mahesh]

@imboliboli: I checked your site, seems you haven’t enabled the Feature Content that’s why nothing is showing. Go to Dashboard=> Appearance=> Customize=> Featured Content=> Featured Content Options and select Homepage/Frontpage option in Enable Featured Content on dropdown Below Content option in Featured Content Position drop-down.

For smaller slider, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following:

#feature-slider, 
#feature-slider .wrapper, 
#feature-slider .cycle-slideshow {
    margin: 0 auto;
    width: 80%;
}

Hope this helps.

Regards,
Mahesh

[yonghao]

I have added the code , however it does not seem to do anything

[Mahesh]

imboliboli: You have an error in your Custom CSS. You have a missing } just before the following code:

#feature-slider, 
#feature-slider .wrapper, 
#feature-slider .cycle-slideshow {
    margin: 0 auto;
    width: 80%;
}

Please correct it.

Regards,
Mahesh

[yonghao]

Can’t thank you enough for all the help you’ve given me, really appreciate it!! Just one more thing now , is there a way to make the menu sidebar I’m having smaller in terms of with? Thanks so much once again.

[Mahesh]

@imboliboli: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.widget-area {
    width: 25%;
}

.content-area {
    width: 75%;
}

Note: Please adjust the width as you desire.

Regards,
Mahesh

[yonghao]

Thank You, worked like a charm. Also, this is one of my pages
http://thatcoolgift.com/product-category/cups-mugs
is it possible to have the product name above the thumbnail?

[Mahesh]

@imboliboli: For this, you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in your child theme’s functions.php add the following code:

add_action('init', 'e_commerce_child_movie_product_title_above_image');
function e_commerce_child_movie_product_title_above_image() {
	remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10 );

    add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 20 );
}

Regards,
Mahesh

[yonghao]

Got it thanks.
http://thatcoolgift.com/product/camera-lens-mug
this is my product page, it there a way to make the product image smaller?
its making the picture blury my being too big.

[Author]

Posts