WooCommerce Categories

i recorded a video instead :slight_smile:

Hi There,

Did you manage to fix it? I could not find the specific errors anywhere?

If you are still facing the issue, please provide the specific URL.

Thanks!

no it is not fixed as i have said. i hide the products when not working as it shows ugly. i cant have clients buying from it until its fixed. can you please watch the video and advise what to do

Hi there,

I think I know what you mean, but I would like to test it while it’s visible. Would you mind providing your Admin login credentials in a secure note? I also noticed that the grid layout is made through table layout, is it custom? I’m assuming you’re hiding it through Woocommerce’s product display options, but I’d like to see it first.

Thanks!

hi sorry can’t see where to reply as private on this tread so i have sent you a message.
the woo commerce is just set to show categories which creates the grid. ( the products are set to private inside woo commerce yes) feel free to publish them to see what is happening but then hid if you can not fix. Someone on a different thread mentioned maybe the theme file is curropt and thats why i am having so many issues with blog page not displaying as normal etc. is i was to reinstall x would all of my settings be lost with the reinstall?

Hi There,

On Wordpress all your changes are stored on the database not on the theme files. So if you remove X from wp-content/themes/ and re-install it, you won’t lose any of your changes.

Regarding the private information, please check this link to learn how to use a secure note.

Thank you

secured now also sent

So any theme settings like button colours, fonts, stacks etc wont be lost by deleting and then reinstalling the theme?

Hello There,

Re installing the theme will not affect your settings because all of these settings is saved in the database. Just to make sure that the settings are safe enough, you can create a back up by going to X > Overview > Customize Manager. You can download the XCS file into your local machine. You can use the XCS file to re import all your settings after you have re installed the theme. To know more about the customizer manager, please check out this thread:

Since Ecwid is installed, we cannot easily resolve or help you with your issues because Ecwid is overwriting the theme settings such as the X > Launch > Options > WooCommerce and it is hiding the WooCommerce > Settings > Products > Display options. It is best that you set up a staging site where we can help you with the issues and moved the changes to the live site once you are done with it.

I would recommend that you create a staging site. This is very useful because you can test drive any X updates in the staging area, do the customizations and troubleshooting without disrupting your live site. Once everything is perfect, you can easily and flawlessly proceed the update in the live site. To know how to create a staging area, please check out these articles:


Please let us know how it goes.

We wont go into the dev site. I spent hours with my hosting support going around in circles. as an alternative

I have set the shop to be on https://www.frankandjellys.com/shop-2/ for the woo commerce. all products are published.

As you can see its super ugly. I want to make it look like https://www.frankandjellys.com/shop/ underneath each image and also create each category image to be the same size.

Hey There,

To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

h2.woocommerce-loop-category__title {
    font-size: 18px;
    text-align: center;
}

h2.woocommerce-loop-category__title .count {
    display: none;
}

.products .product img {
    border-radius: 8px;
    max-width: 240px;
}

The other settings like the number of columns can be adjust in X > Launch > Options > WooCommerce.

Hope this helps.

THANK YOU!!!

There are some products that are underneath the categories. They all have categories so i am not sure why they are sitting there.

Also when you click on a category and it takes you to the products the images are all over the place and different sizes. Can you advise how I can change them to all be the same size image and also have the price underneath and the option to buy now below?

I can not thank you enough for your help so far

Hello There,

The shop page should be displaying correctly just like this:

The problem right now is that Ecwid plugin is overriding all the theme settings thus removing the WooCommerce integration of the theme. The column widths and styling were overwritten by the plugin and this is the reason why the products is all over the place. You should see a different layout, if your disable Ecwid plugin. Of course, after you disable the plugin, you will have to clear the plugin cache first before testing the site.

Hope this make sense.

I have disabled ecwid.

I still have images looking like this https://www.frankandjellys.com/product-category/walkies/walkies-travel-accessories/ huge sizes etc.

I also have these random products on the bottom of the page https://www.frankandjellys.com/shop-2/ which should not be there

I had some help in a facebook group. apparently the 3.3 woo commerce update is the problem. thank you for putting up with me :slight_smile:

You’re welcome. The stable version of WooCommerce as of now is 3.2.6.

thank you. to install 3.26 how would i do that without losing my products or settings

actually dont worry i figured that out.

All i need really now is for the categories, sub categories, images and titles and price on product pages to be centred.

can you advise the css code to do this

Hello There,

I have installed Regenerate Thumbnails plugin and regenerated all your thumbnails. This is to make sure that all your images will have the same size. They will be uniform in size which would make it more attractive. You are having an issue right now where the products is all over the place. That is because of the images that they do not share the same size.

I also commented out this css code .woocommerce li.product img{width:100%;max-width:100%} because it is making the image sizes works and also contributed why the products is not aligned.

As I have check your site, it seems the images, titles and price is at the center now.
https://www.frankandjellys.com/product-category/walkies/walkies-travel-accessories/
https://www.frankandjellys.com/product-category/walkies/walkies-harnesses/

This is made possible because you added this custom css:

 .woocommerce li.product .entry-header {
	text-align: center;
}

If you need anything else we can help you with, please let us know.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.