Home › Forums › WoodMart support forum › WoodMart Theme Inquiry for Product Page Mobile Version
WoodMart Theme Inquiry for Product Page Mobile Version
- This topic has 3 replies, 2 voices, and was last updated 1 day, 15 hours ago by
Aizaz Imtiaz Awan.
-
AuthorPosts
-
August 25, 2025 at 6:25 am #681818
AnitaXuParticipantHello, the product images at the bottom of the mobile version of my product detail page are not responsive to the mobile screen. The images exceed the screen. How can I achieve an adaptive effect?
Attachments:
You must be logged in to view attached files.August 25, 2025 at 1:59 pm #681911
Aizaz Imtiaz AwanKeymasterHello,
It looks like the issue was caused by extra inline styles added when the product description content was copied and pasted. This prevented the images from adapting responsively on mobile. To confirm, you can also check with a default theme like Twenty Twenty-Five, and you’ll see it’s not a theme-related issue.
I’ve gone ahead and edited the product you shared, and the images are now displaying correctly on mobile. For future products, I recommend inserting images directly in WooCommerce rather than pasting them from external sources, so they inherit the theme’s responsive styling.
Best Regards,
August 26, 2025 at 4:24 am #682013
AnitaXuParticipantUnderstood.
1.Is there a way to delete the descriptions of all products with one click?
2.How can I set up the function to hide and re-display the “Add to Cart” button? I can’t find where to configure this.
3.My products were migrated from my other platforms by someone else, which caused some issues. Are there any time-saving methods for bulk uploading products?Thank you very much.
August 26, 2025 at 11:38 am #682082
Aizaz Imtiaz AwanKeymasterHello,
01. To delete all product descriptions, you should remove the content from the “Product Description” field on each product’s individual editing page, as there is no global setting for all products.
Alternatively, try to add the following custom css code in Theme Settings > Custom to hide the description tab.
.woocommerce-tabs ul.tabs li.description_tab, .woocommerce-tabs .tabs li.description_tab, .woocommerce-tabs ul#tab-title-description, .wc-tabs li.description_tab { display: none !important; } #tab-description, .woocommerce-Tabs-panel#tab-description, .woocommerce-Tabs-panel[data-tab="description"], .tab-content #tab-description { display: none !important; }
02. Navigate to Theme Settings > Shop > Catalog Mode > Enable “Catalog Mode” to hide all “Add to cart” buttons, cart widget, cart, and checkout pages.
If you want to hide only the add to cart buttons, let me know. I will check and give you a possible css code to hide this.
03. WooCommerce Import Tool – Go to Products -> Import. You can upload a CSV file with all product details (title, price, description, images, categories, etc.).
Please follow this guide and import export the products from one site to another:
https://woocommerce.com/document/product-csv-importer-exporter/Best Regards,
-
AuthorPosts
- You must be logged in to create new topics. Login / Register