Home › Forums › Themes Support › Claue › Trying to Modify Thumnails in Woocommerce

Viewing 3 reply threads
  • Author
    Posts
    • December 17, 2017 at 3:15 am #15032
      tomstetson

      I cannot seem to find a way to split thumbnails underneath the product short description. I’ve tried just about every setting. I want to break up the thumbnails so that there are 4 of a certain color clothing item on top, and 4 of another color below them, split by a space. How would I go about doing this? It is responsive so I’m not sure how to force it to remain in a certain grid format..

      Current:

       

      What I’d like it to look like:

       

      Thanks in advance for any help.

       

    • December 17, 2017 at 10:19 am #15038
      Harry

      Hi,

      1. Please download attach file and extract to folder claue-child > woocommerce > single-product  (you need create new folder “woocommerce” in claue-child and “single-product” in woocommerce”)

      2. After that go to Claue > Theme Option > General Layout > Custom CSS add custom code

      .p-nav-outside .attachment-shop_thumbnail.size-shop_thumbnail {
	width: 130px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.p-nav.oh.p-nav-outside {
	margin-right: -10px;
}

      Best regards

      Attachments:
      You must be logged in to view attached files.

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • December 18, 2017 at 8:25 am #15082
      tomstetson

      When implementing the product-thumbnails.php file you sent me, it makes the thumbnails unclickable. Is there a way to change this?

      Also, this doesn’t seem to have fixed the alignment. They appear to still be rendering in one single line.

    • December 18, 2017 at 12:43 pm #15092
      Harry

      Hi,

      1. I saw your original image is small (564×840) and you set full width layout for product detail it display not good  have more white space between element, so i  turn off full width layout on product detail page

      2. I saw you set product detail thumbnail and style for separate product, i recommend use global setting in Claue > Theme Option > WooCommerce > Product Detail Setting (this option will apply for all products you don’t have to manual set for single product)

      3. I fixed issue with thumbnail on your site (default it’s carousel slide but it the bug in our theme) so it can’t make thumbnail in 2 line as you want while still clickable to change main image

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

  • Author
    Posts
Viewing 3 reply threads

You must be logged in to reply to this topic.