Return to previous page

Category images in the shop page are displaying in larger size in mobile view

This topic has 14 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Tony Rodriguez

Saira

Participant

October 10, 2022 at 06:58

Hello

My shop page was containing all the products, But now I change all products to display as categories and when clicking on each product it shows its subcategory like that. It is working fine but the problem is that the categories images showing in the shop page have some length it is showing like a rectangle. How can I make it as square ?. Previously when it was showing all products the images was looking good , but when coming to category images it is not good. This problem is seen only in the phone view.

Screenshot of when shop page with products : https://snipboard.io/TBMdjb.jpg
Screenshot of Category list : https://snipboard.io/qf10Ev.jpg

#336099 Copied Theme version: 8.3.1 WooCommerce version: 8.3.1

13 Answers

Tony Rodriguez

Support staff

October 10, 2022 at 08:20

Hello, @Saira,

Alright, Thanks for elaborating on your issue. I have checked your site and found that for now, you have set the products only for the shop page as you can see in this image the products appear on the shop page not the categories: https://postimg.cc/NK8J1FtH according to you that the products appear fine but not the categories. So would you please set the type to categories for shop products again and share your site wp-admin URL and access in the private content area of this topic by following the below-given format

WORDPRESS ADMIN URL:
WORDPRESS ADMIN USERNAME:
WORDPRESS ADMIN PASSWORD:

So that I will check and fix your issue on your site.

Note: Please take a complete backup of your site first and allow us to debug your site and change/remove the plugins to solve your issues.

Regards 8Themes Team.

#336105 Copied

Saira

Participant

October 10, 2022 at 12:40

can You check our site now, it is showing category in the shop page. Can You tell how can I make it as a square shape for category image in mobile view Now it is a rectangle shape. Or can you tell how can I make it as displaying one category in one row only in mobile view.

Thank You

#336121 Copied

Tony Rodriguez

Support staff

October 11, 2022 at 06:11

Hello, @Saira,

Thanks, I have checked your issue and found that there is a custom CSS code added on your site that increases the height of the category images check the image: https://postimg.cc/p98CN7wC if I uncheck the code of “Height” the category images appear just as you want. As you can also, see here: https://postimg.cc/YL7yykjQ

So please try to find that code and remove the height code from it, that code might be under Theme Settings >> Theme Custom CSS, then check back to your issue after clearing the browser cache.

Regards 8Themes Team.

#336178 Copied

Saira

Participant

October 11, 2022 at 07:20

Hello,

Thank You for your support. This is working

#336188 Copied

Tony Rodriguez

Support staff

October 11, 2022 at 07:42

Hello, @Saira,

You’re Most Welcome!!

Feel free to write back anytime with a new topic for your new issue, we are always here to help you.

Thanks for contacting us.
Have a nice day. 🙂

Case Closed.

Regards 8Themes Team.

#336194 Copied

Saira

Participant

October 13, 2022 at 09:58

I have done as you tell in previous message, based on that colour box is coming but for some product I have a option to select another attribute ie, colour customization ( Material only, Material with colour customization ) it is also coming in the shop page. I don’t want it on the shop page only need to show colour box. How can I hide this. Please help

Screenshot : https://snipboard.io/CvMgXK.jpg

Please contact administrator
for this information.

#336343 Copied

Tony Rodriguez

Support staff

October 13, 2022 at 10:37

Hello, @Saira,

Actually, If you have multiple attributes set on a product and all the attributes are showing on the archive page but you want to show the specific one you want. So for this, You have to edit the attributes you don’t want to show on the archive page from the Dashboard >> Products >> Attributes like this: https://postimg.cc/K4tM6FxD and then uncheck the option you see here: https://postimg.cc/PNKD4HH3 by doing this attribute will not appear on the archive page but will appear on the single product page.

Regards 8Themes Team.

#336347 Copied

Saira

Participant

October 13, 2022 at 11:58

I have tried this, But in my case this was already uncheck and I make it check and look but there was no change .

Screenshot : https://snipboard.io/hyTJFs.jpg

Thank You

#336354 Copied

Tony Rodriguez

Support staff

October 14, 2022 at 06:35

Hello, @Saira,

Your issue has been solved please check back to your site after clearing the browser cache.

I just disable Swatch Position option from XStore >> Theme Settings >> Woocommerce >> Shop element >> Variation swatches. See the image for a better reference: https://postimg.cc/zVYQypqp

Regards 8Themes Team.

#336409 Copied

Saira

Participant

October 14, 2022 at 07:38

I have seen that, but now colour box is also gone. I need that colour box in shop page, not need any other attributes

https://snipboard.io/a0toz4.jpg

#336425 Copied

Tony Rodriguez

Support staff

October 14, 2022 at 10:03

Hello, @Saira,

Unfortunately, this is not possible, as both are attributes and if you apply the changes from theme settings then it will apply to both of the attributes.

Now if we remove it using the Custom CSS then it will also not work because both attributes have the same classes.

Thanks for your understanding.

And the option that I showed you above “Enable Archive Option” for the particular attribute is working fine for me on my test site but that option is not working on your site, because you are using a lot of third-party plugins and you also customized the child theme as well, so there must be any confliction there, If you want to check then you have to deactivate all the third party plugins on your site and activate the parent theme and then check back.

Regards 8Themes Team.

#336447 Copied

Saira

Participant

October 14, 2022 at 11:29

Now it is coming correctly. Now only for products that have colour box colour box is coming in the shop page.

Thank You

#336462 Copied

Tony Rodriguez

Support staff

October 15, 2022 at 05:18

Hello, @Saira,

Sound’s Good!!
That your issue has been resolved.

Feel free to contact us again if you need more help in the future but with a fresh new topic for every single issue.

Thanks for contacting us.
Have a nice weekend 🙂

Topic Closed.
Regards 8Themes Team.

#336514 Copied
Tagged: category, images, larger, mobile, page, shop, size, templates, view, woocommerce, wordpress
Viewing 14 results - 1 through 14 (of 14 total)