[asfmParticipant]

Hi Support,

I am terribly sorry to ask you this but I cannot see the wood for the trees.

I have already had a look at your Knowledge Base (one video only) and the forum but did not find anything I could work with. It would be most helpful if you would not just state RTFM in polite words, but actually give me step by step instructions. If I could do it by myself I would have done so already.

I have struggling with modifying the WooCommerce base page, listing page and single product page but I just cannot find my way.

I have got everything up to date: WP, X, WooCommerce and all other plugins.
I have set up product categories and products.

Note, please: The shop isn’t public, yet, so there is no link to get to it. Please add /shop to the URL of the website (URL and login-data will be in the next post to this thread).

A: WooCommerce base page
With the installation of WooCommerce a page called Shop was created amongst others. Is this the base-page I need to set up in WooCommerce > settings > products > first option?
If yes, why cannot I select it? The page “Shop” is not offered in the list.
If no, which other page?

B: WooCommerce product listing page
1:
Once you call the shop you will see a list of products.
I need to adapt the list as far as layout and positioning of the components is concerned that make up the page. This does involve CSS as well as moving the parts around. I am happy with CSS but where can I do the moving of parts? What file exactly to be copied to what directory of my child-theme?

2:
How to define the number of products per row?
How to define the number of products per page?

C: WooCommerce product page
1:
Once you click on a product on the product listing page you will be taken to the product page accordingly. Fine!
Again I need to adapt CSS as well as positioning of the various components. I am happy with CSS but where can I do the moving of parts? What file exactly to be copied to what directory of my child-theme?

2:
Translation into German
Not all of the terms have been translated into German, for example: “Related products” (http://prntscr.com/5h5f1r).
Where can I adapt this?

That’s all for now. Thank you very much for your help.

Kind regards,
Andreas

[asfmParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Thanks or posting in.

X is woocommerce ready, but we don’t do woocommerce customization. It’s best to consult woocommerce documentation as they have more detailed information about customization.

I could only provide you a quick help regarding X’s woocommerce template.

1. X’s woocomerce templates are located at /x/woocommerce/ and you may copy this at your child theme’s folder too.
2. /x/woocommerce/loop/ contains the template used for shop page’s product listing.
3. /x/woocommerce/single-product/ is of course for product template parts.
4. You can also X-woocommerce integration codes from /x/functions/global/plugins/woocommerce.php

All of these are based on woocommerce standard that you could find from their documentations.

Shop page is combination of template parts so editing may require editing one or more template. You may start at /loop/ folder as this is responsible for product listing. And then /single-product/ for individual product.

The main template where these parts are joined together is /x/woocomerce/content-product.php

A. You may try re-installation of those pages. ( Shop page should be automatically used by woocommerce ). First delete all woocommerce related pages, and should be deleted on trash section too. Then go to Admin > Woocommerce > System Status > Tools then click Install pages button.

B.1 As explained above 🙂
B.2 Under Admin > Appearance > Customizer > Woocommerce

C.1 As eplained above 🙂
C.2 It’s under /single-product/related.php, but it could be translated by using any translation plugin (add it at your language file or use manual string translation).

Cheers!

[asfmParticipant]

Hi,

thanks for helpful hints.

Kind regards,
Andreas

[ChristopherModerator]

You’re welcome.

[Author]

Posts