Various problems/questions

Hi support.

How do i fix the following with Loco Translate:

Translation of the “Browse categories” headline in vertical product cat menu.
Translation of “Search for product” in the search input form
Translation of “Select category” in the search dropdown selector
Translation of “Sold out” label which you can see in category catalog overview.

Image quality problem:

Go to: http://splashzone.dk/produkt/fotometer-checkit-cl-ph-ca-md200/
1. The product image is blurry. Open the image in full image view.
2. close the image view and update the page (f5)
3. The image is now much better quality. Happens for all products.

Product height in category view. Is it possible to have even heights on the grid ? The image proportions makes the grid look bad.

Like you can see there in first row:http://splashzone.dk/produkt-kategori/sauna/

Image size problem:

Check here http://splashzone.dk/?product=teleskopstang-36-72-aluminium-2-delt
and here: http://splashzone.dk/?product=welldana-kontakterboks-til-max-12-kw-elvarmer
and here: http://splashzone.dk/produkt/beskyttelses-underlag-til-sauna-traeovn/

How can i fix this?

Thanks in advance for your help!

Also i just noticed that the disable function for Page title block is not working.

Theme options – Page heading – Page heading design -> Disable.

This is just putting the heading on text align right.

Also i just noticed that i cant add several product carousels to a page. Only the first one will show, and the rest will just be invisible.

I have done this on the frontpage. You can check

Hello,

Thank you for contacting our support center.

1. All these words can be easily translated with Loco Translate plugin. Here is a tutorial that will help you https://www.youtube.com/watch?v=tAFq1yTfWfU

2. We don’t see any problems with images quality here http://splashzone.dk/produkt/fotometer-checkit-cl-ph-ca-md200/

3. How exactly are you going to make images heights even? You can turn on hard crop in Woocommerce settings but it will crop all your product images.

4. Try to increase product image height to 1000 or 2000 px in WooCommerce -> Settings -> Products -> Display and regenerate thumbnails after this. It should help you.

5. Page heading disable function we will fix in the next theme update since there is some small issue with it.

Kind Regards
Xtemos

1. All these words can be easily translated with Loco Translate plugin. Here is a tutorial that will help you https://www.youtube.com/watch?v=tAFq1yTfWfU

Thanks, all is working except “Sold out” label on category view. Cant translate this.

3. How exactly are you going to make images heights even? You can turn on hard crop in Woocommerce settings but it will crop all your product images.

I dont think you need to manipulate the image size or proportion, but i think the product container can vertical center the product image, so you have product titles and price on same level no matter how heigh an image is.

5. Page heading disable function we will fix in the next theme update since there is some small issue with it.

Ok, i will css display none for now.

2. We don’t see any problems with images quality here http://splashzone.dk/produkt/fotometer-checkit-cl-ph-ca-md200/

Okay, i will check on more browser/pc

also, any comment on the multiple carousels in VC frontpage not working ?

Is it possible to set a max height on my product page images?

Because alot of my images are very slim and tall.. And it looks very wierd on the product page:

Examples:
http://splashzone.dk/produkt/griffon-uni-100-lim-til-pvc-125-ml/
http://splashzone.dk/produkt/calplasfilter-ds/
http://splashzone.dk/produkt/elektrisk-styret-motorvaern/

There is many.

1. Sold out can be translated with Loco Translate also. Did you find it within the POT file?

3. In this case you will need to set fixed height for your product image block on the shop page with CSS. What height do you want us to set for you? We will send you a CSS snippet.

Here is a code snippet to limit your product page images size

.single-product-content .woocommerce-main-image>img {
    max-height: 500px;
    width: auto;
}

.single-product-content .woocommerce-main-image {
	text-align:center;
}

We just checked your home page (added a few test carousel) and they work correctly.

Regards

Thanks. The image css worked perfectly! Super.

3. In this case you will need to set fixed height for your product image block on the shop page with CSS. What height do you want us to set for you? We will send you a CSS snippet.

Can you send me snippet for maybe 300px height.

I found the “Sold out” with Loco and i translated it, but nothing change on the website.. See attachment screenshot

You can see Sold out label here: http://splashzone.dk/produkt-kategori/spa/

Also i was thinking why is search bar only in 1 header type? I really wanted base header with search area instead of text area.. Only 1 header out of 8 types have search.. Can i switch our the custom text area for search widget ? Would be very nice!

Regarding carousel.. I have to select specific category ? i cannot select all categories?

If i just want carousel of newest products across all categories is not possible?

Attachments:

You must be logged in to view attached files.

Issue #1: On all of my product categories if you scroll down at a certain point the images aren’t aligned and their are empty white spaces where images are supposed to be. Issue #2: I just resized my images so they would all be the same size using the the “Regenerate Thumbnails” plugin not only has it not fixed issue #1 but now images are missing everywhere throughout the site but yet the images are their if you click on them, they are showing up with a blue question mark. I am using the basal theme. See one of my categories experiencing both issue 1 and 2 by visiting (http://shop.visitmarlenes.com/index.php/product-category/prom/) I did backup before resizing, I am desperate at this point. I just want all of my images to appear all the same sizes in each category.

Here is a custom CSS for equal images

.basel-hover-link .product-element-top {
    height: 280px;
    display: flex;
    display: -webkit-flex;
    -webkit-display: flex;
    -ms-display: flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkitjustify-content: center;
    -ms-justify-content: center;
}

We see that you have two translations for our theme. Please leave only one and it should be placed in wp-content/languages/themes folder.

You can place search widget to your Base header layout via Appearance -> Widgets and have your header like this http://demo.xtemos.com/basel/?head1

Actually, you don’t need to specify a category for your products carousel. And it works correctly now https://gyazo.com/d180ae72d3c8fbf8db18729d11631069

Regarding images issues: our theme doesn’t influence your images in any way. All images come from your WordPress installation and their sizes are not handled by our theme at all. You can switch to default theme and see that images will be shown in exactly the same way.

Probably there is something wrong with regenerating thumbnails. Maybe it was interrupted or images were simply removed. You can see that some images are missed from your server at all . You can try to regenerate thumbnails again or do this manually for some particular product only to test. You can do this via admin panel -> Media.

Regards

THANKS!!

Here is a custom CSS for equal images

This looks SO GOOD! You should seriously consider putting this as option in theme settings.. Just look my products now.. Looks 10x better http://splashzone.dk/produkt-kategori/sauna/

Thank you for help me with header and search, i didnt realise the text area could be switched, your theme is truly one of the best ecommerce themes i have ever bought.

But i only have one problem with new header.. Look on frontpage.. Menu very small in height? http://splashzone.dk/

and look here.. normal again: http://splashzone.dk/produkt-kategori/spa/

I cant find problem?

Thanks again for amazing support

Hello,

Yes, now it looks much better. As for home page menu: you need to decrease margin top for the first row on the page with Visual Composer https://gyazo.com/8dd7b6412f06e1707cfe0305be2effd6

Regards

[Author]

Posts