Return to previous page

Product catalogue options - by sergejsvit

This topic has 26 replies, 3 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

sergejsvit

Participant

March 11, 2019 at 14:36

Hi!
Is there in Xstore theme options like this?

http://prntscr.com/mwbvd7

if not, how to make such logic?

#210731 Copied Theme version: Xstore 5.1.2

25 Answers

Rose Tyler

Support staff

March 11, 2019 at 14:47

Hello,

These settings you can find in Appearance > Customize > WooCommerce > Product Catalog.

Regards

#210732 Copied

sergejsvit

Participant

March 13, 2019 at 13:04

Hi Rose,

Thanks for your reply.

How it is possible to remake categories images and text from this

http://prntscr.com/mx9uxb

to this – fixed images height and width, text under the image

http://prntscr.com/mx9vdx

#210832 Copied

Rose Tyler

Support staff

March 13, 2019 at 13:12

Hello,

Theme Options > Shop elements > Categories > Categories style and Text vertical align.
Size of images (categories and products) can be changed via Appearance > Customize > WooCommerce > Product Images. Please read more – https://www.8theme.com/documentation/xstore/woocommerce/product-images/

Regards

#210834 Copied

sergejsvit

Participant

March 13, 2019 at 13:14

Sorry, already found how to make the classic categories layout.
But how to make images auto same height and width, without breaking the proportions

#210835 Copied

Rose Tyler

Support staff

March 13, 2019 at 13:35

Hello,

I would recommend you to use a graphics editor and prepare product images (make them the same size) before uploading it to your media gallery.
To sort out with correct settings for images, read our and WooCommerce documentation https://www.8theme.com/documentation/xstore/woocommerce/product-images/ https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/

Regards

#210837 Copied

sergejsvit

Participant

March 13, 2019 at 14:02

Crop is not working correctly, but set to 1:1

http://prntscr.com/mxatcj

#210839 Copied

Rose Tyler

Support staff

March 13, 2019 at 14:09

Have you regenerated thumbnails to apply changes? You can use the Regenerate Thumbnails plugin to do this.

Regards

#210842 Copied

sergejsvit

Participant

March 14, 2019 at 11:14

Hi!

yes, I have made thumbnail regeneration, but unfortunately they are still not cropped.
need help.

#210905 Copied

Rose Tyler

Support staff

March 14, 2019 at 11:15

Hello,

Please provide URL of your site.

Regards

#210906 Copied

sergejsvit

Participant

March 14, 2019 at 11:49

https://proffitline.lv/ru/kategorija-tovarov/bezopasnost-truda/

#210909 Copied

Rose Tyler

Support staff

March 14, 2019 at 11:51

Your site under maintenance mode, so I can’t check it http://prntscr.com/mxqln4
Please provide temporary wp-admin access.

Regards

#210910 Copied

sergejsvit

Participant

March 14, 2019 at 11:56

Private Content area

Please contact administrator
for this information.

#210911 Copied

sergejsvit

Participant

March 14, 2019 at 11:59

Private Content area

Please contact administrator
for this information.

#210912 Copied

Olga Barlow

Support staff

March 14, 2019 at 12:27

Hello,

In WooCommerce settings for the images you set images width 300px http://prntscr.com/mxr33g but source image size of the category is 200×160 http://prntscr.com/mxr3po So, could you explain me how do you want to crop the image with size 200x160px to 300x300px? Upload images with width and height no less than 300px if you set image width 300 in image setting (recommended) or change image width in settings to 150px (I would not recommend this because then your images will be cropped, stretched and blurred).

Regards

#210913 Copied

Olga Barlow

Support staff

March 14, 2019 at 12:31

P.S. Also, I would recommend you to edit images before uploading them to your media. For example, instead of this image http://prntscr.com/mxr77g use the next one http://prntscr.com/mxr6kz Then your grid will look nice.
Use https://tinypng.com/ to optimize your images.

Regards

#210914 Copied

sergejsvit

Participant

March 14, 2019 at 13:14

Thank you very much, for assit. I will try

#210916 Copied

Rose Tyler

Support staff

March 14, 2019 at 13:42

You’re welcome!

Regards

#210918 Copied

sergejsvit

Participant

March 15, 2019 at 06:59

Hi Rose,

Yesterday I`ve made all images 200×200
Then uploaded and switched the categories images.
And still some of them are wrong size. http://prntscr.com/my4dmo
Thumbnail regeneration was running in the backgound and now is ended.

#210951 Copied

Olga Barlow

Support staff

March 15, 2019 at 10:24

Hello,

Check now.

Regards

#210962 Copied

sergejsvit

Participant

March 15, 2019 at 10:42

Hi Olga,

Now all is perfect, thanks! What have you done to not bother you again?

#210964 Copied

Olga Barlow

Support staff

March 15, 2019 at 12:17

Hello,

We have added custom styles to custom CSS to remove width:100% for the category images.

Regards

#210974 Copied

sergejsvit

Participant

March 17, 2019 at 12:28

Hi,

Sorry for disturbing you again, but I am still fighting with a categories catalog.
When I switch to the tablet mode categories with a long name are pushing other categories to the wrong position.

http://prntscr.com/mz0h0z

#211042 Copied
Rose Tyler

Support staff

March 18, 2019 at 08:48
Hello,

Thanks for the notice. Please add this code in Theme Options > Custom CSS > Global custom CSS as a temporary solution:
```
.category-grid.style-classic .categories-mask {
    min-height: 55px;
}
```
I’ve sent a report to our developers, hope this will be fixed in the next theme update then you will be able to delete the mentioned custom code.

Regards
#211055 Copied
sergejsvit

Participant

March 18, 2019 at 21:03

Thanks as always!

#211103 Copied

Rose Tyler

Support staff

March 19, 2019 at 08:05

You’re welcome!
Have a nice day.

Regards

#211112 Copied
Viewing 26 results - 1 through 26 (of 26 total)