Home › Forums › WoodMart support forum › How to change the product-category page
How to change the product-category page
- This topic has 16 replies, 2 voices, and was last updated 2 years, 3 months ago by Luke Nielsen.
-
AuthorPosts
-
August 15, 2022 at 1:26 pm #397341
mecolourParticipantHello,
1.I want to delete “FILTER BY PRICE” block,and add a product category block like this in the image
2.How to delete “STOCK STATUS” block?
3.Why does the page always have this prompt“You must select your brand attribute in Theme Settings -> Shop -> Brands”?Attachments:
You must be logged in to view attached files.August 15, 2022 at 3:06 pm #397375
Luke NielsenKeymasterHello,
1,2. In order to remove these blocks, navigate to Appearance -> Widgets -> find the “Shop page Widget area” widget and remove there appropriate blocks.
In order to show the product category block, you need to add to the “Shop page Widget area” widget a “Category” element.
3. In general, this text comes from WooCommerce, you can change it through the “Loco Translate” plugin.
Here is our documentation on how to use it:
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/
Kind Regards
August 16, 2022 at 9:25 am #397555
mecolourParticipantHi,
Why is my operation interface different from yours,so how to keep the same interface as you? Or could you tell me how to add category in my interface?
Thank youAttachments:
You must be logged in to view attached files.August 16, 2022 at 10:42 am #397580
Luke NielsenKeymasterHello,
Sorry, I am using the “Classic Widgets” plugin.
Here is a video explanation of how to do it without this plugin:
https://monosnap.com/file/XShtIEInpOzZD2tjjXDzs0mZ4PmJlu
If there’s anything else we can do, please get in touch.
Kind Regards
August 16, 2022 at 2:05 pm #397623
mecolourParticipantHi
I have added the categories,but it is the demo content,so how to edit them and change them to my own categories.
Thank youAttachments:
You must be logged in to view attached files.August 16, 2022 at 2:07 pm #397626
mecolourParticipantand how to delete the price of the title?
Attachments:
You must be logged in to view attached files.August 16, 2022 at 3:12 pm #397643
Luke NielsenKeymasterHello,
1. In order to edit categories, please navigate to Dashboard -> Products -> Categories and edit them.
Also, here is documentation about product categories.
https://woocommerce.com/document/managing-product-taxonomies/
2. Please try to use the below code for hiding the price, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.
.product-grid-item .product-rating-price { display: none; }
If there is ever anything we can do, please feel free to reach out to me anytime when you have anything more to say.
Kind Regards
August 17, 2022 at 1:59 pm #397857
mecolourParticipantHi,
There are 2 problems need your help:
1.How to change the “select options” button to “VIEW MORE”?
https://prnt.sc/b1Ia16HcSR81
2.I follow the tips and select the brands, An option is randomly selected,it displays like this,so how to delete the footer block?
https://prnt.sc/A3P4NhHPpzoP
https://prnt.sc/9G4FzdGJuGmN
https://prnt.sc/vF_9Fl8Tjx4qAugust 17, 2022 at 3:51 pm #397899
Luke NielsenKeymasterHello,
1. The “select options” text you can change through the Loco Translate plugin. Here is our documentation on how to use it:
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/
2. In order to hide the block with the “Brands”, please navigate to Theme Settings -> Footer -> clear the “Prefooter content” area.
Kind Regards
August 18, 2022 at 9:53 am #398011
mecolourParticipantHi,
I followed as the documentation,but the text still has no change and how to delete the”shopping cart” icon
https://prnt.sc/z1d5g9cgeZdx
https://prnt.sc/7a8YmRKcgqnb
https://prnt.sc/l_mCAN8A1F9bAugust 18, 2022 at 2:46 pm #398095
Luke NielsenKeymasterHello,
1. You are trying to change it in the wrong way, the “Select options” text is not related to our theme, therefore you should change it through the Plugins (Loco Translate -> Plugins -> WooCommerce).
2. With the help of the below code you can hide the icon, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:before { content: " "; } .product-grid-item .wd-add-btn-replace .add-to-cart-loop:hover span { transform: unset; }
Kind Regards
August 19, 2022 at 12:53 pm #398266
mecolourParticipantHi
1. In fact, I mean I want to turn this button of “Select options” into the button of “View More”,not translate language,like this
https://paste.pics/24af68217682bab970b0c95efb8effac
2. Delete the price of “TOP RELATED PRODUCT”
3.I have added the above code in the global custom css,but it still show in the product of home page
https://paste.pics/54987c3cbff479c82a108d491cd8f14f
4.I don’t know how to configure the button types, I prefer to the second one (follow buttons)?
https://paste.pics/5916683f3eeeadd43c631ec746ad4dcd
Thank you
Best wishes!August 19, 2022 at 4:04 pm #398323
Luke NielsenKeymasterHello,
1. Ok, I got you, in this case, replace the old code with the below one.
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:before { content: "View More"; font-size: 13px; }
https://gyazo.com/0f18109bcb6b5333a7b608c561300827
2. Could you please provide a screenshot of where it is?
3. You have another product’s style for the “Ajax product tabs” element, therefore there the above code is not working. In the settings of this element change the product’s style as you have in the Shop so after that the code will work.
4. You just need to define the link to the appropriate button and bring them out with the help of the “Social buttons” element in your page builder, also in the settings of it you can set which buttons you want to show.
Kind Regards
August 23, 2022 at 12:04 pm #398981
mecolourParticipantHI,
1.How to delete the price of “TOP RELATED PRODUCT”
https://prnt.sc/duSfdM6kaNy1
2.I’m sorry I don’t quite understand what you mean above 3 ;
could you help me delete the following content of the product:
https://prnt.sc/3GAtPcaAE-V9
https://prnt.sc/6JCwFartzvmb
https://prnt.sc/TdGbgZddcUGK
https://prnt.sc/6phjW4rCBjgO
3.How to hide or delete this function? After clicking the “”view more” button, I want to go to the corresponding product link.
https://prnt.sc/m7xp_mYflYNOThank you
August 23, 2022 at 2:58 pm #399021
Luke NielsenKeymasterHello,
1. Here is a code for hiding the price from the widget:
.widget_top_rated_products .product_list_widget .widget-product-info .price { display: none; }
2. The “Add to cart” button you can hide with the help of the below code:
.product-grid-item .wd-add-btn.wd-style-icon { display: none; }
3. Unfortunately, such customization is not included in our support.
Feel free to reach out to me anytime when you have anything more to say.
Kind Regards
August 24, 2022 at 8:42 am #399198
mecolourParticipantHi,
I think you can also help me delete this button, or make the button hide.
https://prnt.sc/5CXzmTjxmCVw
otherwise the following case will occur,(when I click “ADD TO CART” ,and then click”VIEW CART”, A 404 page will appear.)
https://prnt.sc/8rPgjbRArMod
Thank youAugust 24, 2022 at 9:56 am #399229
Luke NielsenKeymasterHello,
Be sure that you have defined the “Cart” page via WooCommerce -> Settings -> Advanced.
After that, check the issue again.
If you have more questions or concerns, please create new topics for each issue in the support system to avoid any confusion.
Kind Regards
-
AuthorPosts
Tagged: product category page
- You must be logged in to create new topics. Login / Register