How to change woocommerce styles and designs

[Werther]

Hi Guys,
First of all I tried to find the answer to my question but the existing ones were either too specific for specific issues or was not clear for me to understand.
I use Pro for more than two years I guess but I recently started with woocommerce (previously using shopify). Now, as many people did too, I have some design problems with woocommerce.
My first question was more specific:

• We are using integrity and the commong Shop page of woocommerce headline is TheShop. I want to change the headline and its subtitle, easily without getting into .php etc, however I couldn’t figure out. It is really through the coding? Can you guide me on this regardless the answer is yes or no.

My second question is more general.

• Who ever has a design specific question, the answer is generally creating a child theme and modifying woocommerce templates by some coding. My question may be a dummy question but, can we buy a premium woocommerce template and copy its theme files under woocommerce template folder of the child theme? To make our shop seem as beautiful as in the woocommerce specific templates?
  I assume the answer to this is no. If that’s the case, how can we make our shop look more professional than the existing woocommerce versions of Pro? For example there is a ‘my account’ page which I would be embarrassed to show it to our potential customers if we want them to create an account.
  Or lastly, there may be something wrong with the ‘my account’ template of integrity stack, if that’s a possibility, do you have a full demo of woocommerce pages (rather than just a shop page, but cart, my account and else related to woocommerce) to check how they look like in different stack and to determine if our existing woocommerce templates are dated or not etc.

I wrote a little bit long but hope I managed to share my questions clearly.

Thx already.

[ruenel]

Hello @Werther,

Thanks for writing in!

1.) The Shop title and subtitle can be changed in Pro > Theme Options > Integrity > Shop Options.

2.) WooCommerce Storefront child themes (https://woocommerce.com/product-category/themes/storefront-child-theme-themes/) needs you to install WooCommerce Storefront WordPress theme which will replace the currently active theme in your site.

3.) You can check out the Integrity Shop here:

• http://demo.theme.co/shop-Integrity/

Hope this helps.

[Werther]

Hi @RueNel
Thanks for the reply. I will try the #1
However I need more clarification for 2 and 3.
Changing the template files under /public_html/wp-content/themes/pro/woocommerce
will be enough or something else?

[rad]

Hi @Werther,

Thanks for reaching out.

You shouldn’t replace the template files at /public_html/wp-content/themes/pro/woocommerce, but you can override it by placing your own files in the child theme /public_html/wp-content/themes/pro-child/woocommerce. Please check this for child theme installation https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57

Though, it will only replace the template files but not the styling or design. Which again, would require custom development if you’re looking on changing the design of the current stack or theme. And it’s true regardless of theme since it’s Woocommerce standard. Even with other Wocoomerce ready themes, it would still require customization since they are usually a base design.

Thanks!

[Werther]

Thanks @Rad, for the clarification.
As I expected we came to child theme.
Then my question is:

• is it possible to replace /public_html/wp-content/themes/pro-child/woocommerce files, with a regular woocommerce theme files, for example this one: https://justfreethemes.com/shopper/
  It is just an example I found on the net. I assume it is not possible that easy right?

and one more question, I need to see my account page of integrity stack, however I don’t have a login username and password => http://demo.theme.co/shop-integrity/my-account/

I need to see how does it look like by default and is there something wrong with my store theme.

[ruenel]

Hello @Werther,

Please be advised that this .zip file from https://justfreethemes.com/shopper/ is a full parent WP theme. This will be installed like any normal theme which will replace the active theme in your site. You cannot add this to replace in the child theme’s woocommerce folder.

The my account area will look like this:

Hope this helps.

[Werther]

Hi @RueNel
I see. Thanks for the clarification.

My account page also seems the same with ours.
Honestly, this is really not “beautiful” my account page, to be on the frontpage.

Is development at code level the only way to improve it? or some plugins such as this: https://yithemes.com/themes/plugins/yith-woocommerce-customize-myaccount-page/
works with pro theme?

Please guide on this, I believe many others also want to change the my account page UI.

[lely]

Hi @Werther,

Pro theme is coded based on wordpress standards. There so many plugins out there though and we can’t promise compabitlity with all of it because it is out of our control.You might try to use the plugin but any issues with the integration should be directed to the plugin developer. Thank you for understanding.