And more than that. I use this method to add products to the mega menu of the site. And because of this, the DOM load has increased significantly. Therefore, I do not need to hide unnecessary elements, but rather disable them. Thanks!
On the store’s page, all this looks great, appropriate, informative. On other pages, this is very cumbersome, and it is not necessary at all.
If it helps – the OceanWP theme
Hi @isoptera2000,
Thanks for specifying the theme. OceanWP usually has options to individually add or remove these elements on the single product page.
You can access the options via WP-Admin → Appearance → Customize → WooCommerce → Single Product.
For further assistance with the display of the elements, I would recommend getting in touch with OceanWP on their support forum – https://wordpress.org/support/theme/oceanwp/.
Hope this helps.
Thanks.
You don't quite understand me. I know about these settings. So. There is a store page - where all these elements are shown in full. There is a product page - where all these elements are also shown completely and even more complex elements will be connected for the convenience of users. And there are (THAT's WHAT I'M TALKING ABOUT) simple pages of the site, in particular the main one-where such functionality is absolutely not needed. It overloads the design (it's not beautiful) and it loads such a page too much. The same is true in the mega menu, if I show a separate product there , then I only need this product to be shown with a minimum set of functions: a thumbnail, a name, a price and that's it! That's what I'm asking for help. Thanks!
You don’t quite understand me. I know about these settings. So. There is a store page – where all these elements are shown in full. There is a product page – where all these elements are also shown completely and even more complex elements will be connected for the convenience of users. And there are (THAT’s WHAT I’M TALKING ABOUT) simple pages of the site, in particular the main one-where such functionality is absolutely not needed. It overloads the design (it’s not beautiful) and it loads such a page too much. The same is true in the mega menu, if I show a separate product there , then I only need this product to be shown with a minimum set of functions: a thumbnail, a name, a price and that’s it! That’s what I’m asking for help. Thanks!
Hi @isoptera2000,
Thanks for clarifying within your latest reply. With regards to your initial question below.
I’m asking for help. On the store’s page, the products are displayed as follows: a thumbnail with a quick view button, the product category, the product name, the price and the “add to comparison” button. The problem is that when displaying products (I use shortcodes), all the same fields are displayed on other pages of the site. How, when displaying products on other pages of the site (not the store), can you leave the output only thumbnails with a quick preview, product names and prices?
If the OceanWP theme does not include options/settings to style the products differently across individual sections of the site you have two alternate options to achieve that.
Either the shortcodes you’re using would need to contain parameters/settings that would allow you to remove the elements from the shortcode output that you did not wish to display. Or the only other alternative would be to write some custom code to alter the output of the shortcode to affect specific sections of your site.
You could also possible create some CSS to hide elements of the shortcode output you did not want to display.
To achieve this type of CSS customization I’d recommend using Google Chrome Developer Tools. You can right-click anywhere on your webpage to select ‘Inspect Element’, the HTML and CSS properties show up right in your browser. You can then write your own custom CSS based on those existing elements.
If you require assistance with writing custom PHP code to affect the shortcode output we’d suggest hiring a developer to help write any required code that could achieve your desired changes. If you would like to investigate that possibility further, you could reach out to some of the official WooCommerce development partners via the link below.
https://woocommerce.com/customizations/
Hi @isoptera2000
We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.
