Multiple Questions

[cinematicpix]

Hi There! I tried to combine all my questions into one – I may have a few more that I’ve forgotten later down the line.

Figured out most of the custom coloring and general styling

Here it goes:

1. After regenerating thumbnails, I still want to keep a few images in their original size. There’s still a few that haven’t seem to resized, like in the screenshot attached, but that’s OK. Those are the ones I want to keep in their original size. Where does the theme pull the thumbnails from? I’d like to update the portrait images so they’re all full sized, instead of cropped landscape.
2. OR, in reference to question 1, is there a way to assign a custom Thumbnail image (I would crop it the way I want to, in landscape mode), while keep the main product image portrait as the original photograph.
3. When I load QuickView, it loads first as a line (see screenshot attached – Quickview), then I have to close out, then reopen for it to fully load. This happens on any browser/device (I haven’t tried mobile). Any way to fix this?
4. In QuickView, how do I edit the size of the image (which seems to control the size of the popup), I’d like it to be bigger, and for the really landscape photos, to be taller so the right scrolling column with the info isn’t super squished.
5. In single Product View I have now, how can I make the left column with the image bigger than the right one. Right now i think the ratio is 7/5. Would like to to be 8/4 or 9/3.
6. In general, the site has some padding in one size, but then the content goes edge to edge at a certain browser window size. How do I keep the padding size consistent so the content never goes edge to edge unless in mobile/responsive?
7. How can I keep breadcrumbs only for items and pages related to the store (products, categories, etc)? In other words, take them away or hide them on regular pages?
8. Probably mentioned somewhere in the documentation, but i can’t find it – how to turn off images for breadcrumbs?
9. A mixture of 7 and 8 = I would like to keep the title of this page http://50.87.249.211/~cinemaz5/event-space/, and the image (featured), but take away breadcrumbs. Any solution that would fix both 6 and 7 and enable me to do this?
10. In the store filter feature, how can i hide categories that aren’t related to a main category – for example, my structure is:
    • Art
      • Leica
      • Gallery
      • Longmire
      • In The Tub
    • Books
11. (10 con’d) So I’d like to hide Leica, Gallery, Longmire, Art when going to the Books category page: http://50.87.249.211/~cinemaz5/product-category/books/. Is this possible?
12. a few “would be nice to have” questions:
    1. Do you have any recommendations for a custom ‘related products’ plugin. From my understanding, the related products as it is now pulls from the parent category as well as the child it’s in, if both are checked. Just want the related products to pull from the child cat.
    2. Ability to badge products as “Limited Edition” or something else custom (and change the colors?)

Thanks in advance!

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. When you config in WooCommerce > Settings > Product > Display > Images you can uncheck “Hard crop” so your image will keep original ratio.

2. You check hard crop in catalog images and uncheck in Single product image

3. I checked your site but don’t see this issue. I saw your image in quick view so heavy (2.2MB normally it about 300-400kb) , you can optimize your image before upload https://tinypng.com/ that will help you save your hosting band width and site speed. Only give your buyer original images with high quality.

4. The height of quick view auto fit with the image on left the content will be scroll, if you make the height of quick view follow the content it will has a white space below the image this not good

5. I think 8/4 is better you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1280px) {
.jas-col-md-7.jas-col-sm-7 {
flex-basis: 66.666%;
max-width: 66.666%;
}

.jas-col-md-5.jas-col-sm-5 {
flex-basis: 33.333%;
max-width: 33.333%;
}
}

6. Could you take a screen shot, it will clear for us

7. You can add custom css

.jas-breadcrumb { display: none;}

8. You can follow our document at http://janstudio.net/gecko/document/#page-title and http://janstudio.net/gecko/document/#category-header-background

9. You follow 7, 8 to do

10. You can exclude sub categories in Theme Option > WooCommerce > Product Listing Setting > Exclude Subcategories > On

11. Sorry the filter by categories doesn’t support this

12.a you can use a plugin https://wordpress.org/plugins/woo-custom-related-products/
12.b you can try this plugin https://yithemes.com/docs-plugins/yith-woocommerce-badge-management/02-settings.html

Best regards

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

[cinematicpix]

Thank you for your response!

To make it easy to understand the context, I’ve included the original question along with your reply.

1. ORIGINAL QUESTION: After regenerating thumbnails, I still want to keep a few images in their original size. There’s still a few that haven’t seem to resized, like in the screenshot attached, but that’s OK. Those are the ones I want to keep in their original size. Where does the theme pull the thumbnails from? I’d like to update the portrait images so they’re all full sized, instead of cropped landscape.

OR, in reference to question 1, is there a way to assign a custom Thumbnail image (I would crop it the way I want to, in landscape mode), while keep the main product image portrait as the original photograph.

 

YOUR REPLY: When you config in WooCommerce > Settings > Product > Display > Images you can uncheck “Hard crop” so your image will keep original ratio.

You check hard crop in catalog images and uncheck in Single product image

 

CURRENT ISSUE:

I have done the above, and regenerated the thumbnails.

Not exactly what I meant.

In the screenshot, you’ll see how it looks now. It all didn’t generate in the correct size anyways, for example the Men Of Science Fiction product (outlined)

 

In this screenshot, you’ll see how ideally I’d like it to be. So, is there a way to make those thumbnail images on the home page not to “cover” the area, but to “contain”?

 

4. ORIGINAL QUESTION: In QuickView, how do I edit the size of the image (which seems to control the size of the popup), I’d like it to be bigger, and for the really landscape photos, to be taller so the right scrolling column with the info isn’t super squished.

YOUR REPLY: The height of quick view auto fit with the image on left the content will be scroll, if you make the height of quick view follow the content it will has a white space below the image this not good

CURRENT ISSUE: I don’t mind having some sort of black/grey padding around the image, like top and bottom, but as you can see in the screenshot, a few of our images are too long, so they become really short and annoying/impossible to scroll through. So a minimum height for Quick View would be great.

 

 

6. ORIGINAL QUESTION: In general, the site has some padding in one size, but then the content goes edge to edge at a certain browser window size. How do I keep the padding size consistent so the content never goes edge to edge unless in mobile/responsive?

YOUR REPLY:Could you take a screen shot, it will clear for us

CURRENT ISSUE: I’ve actually linked a video to clarify. https://drive.google.com/file/d/0Bxws1v8plK_GZ05ja3Z2dzhDLTQ/view?usp=sharing

You’ll see how there’s a period where the content goes edge to edge. We’d like to have consistent padding, or at least so there’s no edge to edge happening until goes into mobile or tablet mode.

8. ORIGINAL QUESTION: Probably mentioned somewhere in the documentation, but i can’t find it – how to turn off images for breadcrumbs?

YOUR REPLY: You can follow our document at http://janstudio.net/gecko/document/#page-title and http://janstudio.net/gecko/document/#category-header-background

CURRENT ISSUE: Actually, I’d like to keep the thumbnail because I want the store looking like this: 

So if I take away the thumbnail, I can’t lay out the store like that.

Thank you

[Harry]

Hi,

1,4. You can use custom css in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (min-width: 1280px) {
.product-image img {
min-height: 190px;
}
.product-image .db {
height: 190px;
overflow: hidden;
}
.slick-slide img {
display: block;
min-height: 400px;
width: auto;
}
}

6. I saw you set content of layout width is 1400px https://monosnap.com/file/46PDj8Sr9Lo2bvVyGiZeLlIL4YoTgZ# Most of screen resolution now is 1366px and 1280px. I recommend change this number to 1280px it will fit with popular screen.

8. You can add custom css to hide page title background

.page-head {
background: none !important;
}

Best regards

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

[Author]

Posts