Home Forums WoodMart support forum WoodMart Theme Inquiry for Product Page Mobile Version

WoodMart Theme Inquiry for Product Page Mobile Version

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #681818

    AnitaXu
    Participant

    Hello, 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.
    #681911

    Hello,

    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,

    #682013

    AnitaXu
    Participant

    Understood.

    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.

    #682082

    Hello,

    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,

Viewing 4 posts - 1 through 4 (of 4 total)