Docs

[simonpurdon]

Hi,

I’m trying to overwrite the woocommerce template files that come bundled with x as I don’t like the look of my woocommerce store. I’ve got another theme that I would like to use for my store, but when I try over ride the template files as instructed by woocommerce on this link:https://docs.woocommerce.com/document/template-structure/ nothing changes.

Please assist how i could add the look of another theme’s store front to x.

Thanks
Simon

[simonpurdon]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! Because what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Once the child theme is setup, please your woocommerce template overrides in wp-content/themes/x-child/woocommerce/ and then you must add this line in your child theme’s functions.php file.

define( 'X_WOOCOMMERCE_IS_ACTIVE', false );

Hope this helps.

[simonpurdon]

Thanks. That didn’t have the desired effect so I’m going to stick with the x theme woocommerce templates.

Please could you help with the changing of the background colour to white on both the Shop main page and individual product pages. I can’t seem to find a class to point to that will change only the background colours and not the menus too.

Thanks,
Simon

[simonpurdon]

Also, why are my products not appearing in columns as I have selected in the woocommerce customization options? The first two are on the same line and the next two aren’t.

Also, how to remove the sidebar?

Thanks.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.archive.woocommerce .backstretch,
.single-product .backstretch {
    display:none;
}

body.archive.woocommerce,
body.single-product {
    background:#fff;
}

.archive.woocommerce li.product {
    width: 30.66666%;
}

Hope that helps.

[simonpurdon]

Thanks! How do you find which classes to use? I’m trying to use the inspector on my browser (Chrome) and it doesn’t seem to get any of the classes you’re using above.

[simonpurdon]

For example, how do you change the size of the price text? I’m able to change the font, but not the size. Also, how do you center both the product name and price? And how do you remove the line that appears between the two?

Thanks!

[Joao]

Hi There,

I personally prefer the Chrome Inspector, please see image attached.

Add the following code to Appereance Customizer Custom CSS

.woocommerce li.product .entry-header .price>.amount, .woocommerce li.product .entry-header .price>ins>.amount {
font-size: 20px;
}
.has-post-thumbnail .entry-featured {
    border-bottom: none;
}

Hope that helps

Joao

[simonpurdon]

Thanks. You’ll see on the following link: https://www.westpeak.co.za/product/fundi-ride-shirt-copy/ (have to open it when logged in) I have the add to cart button and sizing options, is there a way to make the size and quantity labels appear above the selection boxes as in attached image?

[Rad]

Hi there,

But your products has no quantity options. Or do you mean options and buttons should be inline?

Thanks!

[simonpurdon]

Hi,

My products do have size options, but I don’t know why my quantity options are not displaying? Also, I’m unable to change the quantity of the products in the cart page. Do you know why this would be?

But I want the Size options to appear as in the attached picture above and then the quantity options to be the same, but appear on the same line, exactly as in the above picture.

[Rue Nel]

Hello There,

Please make sure that you have setup the product variations. I would suggest that you check out the documentation:
https://docs.woocommerce.com/document/variable-product/

Please let us know how it goes.

[simonpurdon]

I have set up product variations – you can see I have options for size, these wouldn’t be there without me doing product variations. What I don’t have is the quantity option that is standard without variations, it was previously there and it’s dissapeared for some reason. I also want the “Size” and “Qty” options to be styled as in the photo above but can’t seem to get it right!

[Rad]

Hi there,

I can’t find anything that affects your products quantity in admin, would you mind providing your FTP login credentials as well? I like to see your current templates.

Thanks!

[Author]

Posts