Home › Forums › WoodMart support forum › How turn off theme's product grid?
How turn off theme's product grid?
- This topic has 8 replies, 2 voices, and was last updated 5 years ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
November 28, 2019 at 5:10 am #159540
siteadminParticipantHow turn off theme’s product grid and do not turn off other functional?
https://yadi.sk/d/QLfxQWSBcxGExwThis question in my lang:
Как отключить сетку отдельных элементов на странице товаров, не затрагивая другие настройки вашей темы? В частности, чтобы не ломался JS для увеличения/уменьшения количества товаров на других страницах.November 28, 2019 at 6:41 am #159547
siteadminParticipantWhat is in the green frame is ready. I only need to disable your areas.
–
То, что в зеленой рамке – уже готово. Мне нужно только отключить ваши области.November 28, 2019 at 7:46 am #159563
Aizaz Imtiaz AwanKeymasterHello,
You want to hide the area with the red border in your screenshot right?
Kindly share the product URL and your website admin login credentials so I can access and help you out.
Best Regards.
November 28, 2019 at 8:40 am #159575
siteadminParticipantYes, you right – i want hide red box.
Can this be done with switches or will you change the code?November 28, 2019 at 8:42 am #159576
siteadminParticipantPlease, when you log in, let us know about this so that we do not overwrite each other
November 28, 2019 at 9:18 am #159585
siteadminParticipantProduct url in private content
November 28, 2019 at 9:58 am #159601
Aizaz Imtiaz AwanKeymasterHello,
You need to hide the actual price and add to cart and variations from the single product page. For the variations you can simply remove the variations from the product edit page, variations tab.
Screenshot: https://jmp.sh/VcV65Yl
To hide your required items you can use the below CSS code in Theme settings>> custom CSS >> global custom CSS area.
.single-product-page .product-image-summary .summary-inner>.price{ display:none; }
.single-product-page .variations_form.cart.variation-swatch-selected { display: none; }
Also I suggest you to use the grouped product type, because that product type is very similar to the view which you want to achieve.
Screenshot: https://jmp.sh/K87srhA
Result of CSS code which I have provided you above to hide those items: https://jmp.sh/qOD5u6Q
Best Regards.
November 28, 2019 at 10:31 am #159609
siteadminParticipantThanks. What you advised (display: none) I already tested, but there is a problem. Your code appears for 0.5-1.5 seconds, and then disappears. This is not right for visitors. For example, if I have 4G, then I see how your code is loaded, and then disappears.
However, I do not need to remove the variability. It is the variability that I want to derive in this form.
I must say that this is not a grouped product. It is variable. Therefore, I can not solve the problem by switching to another type of product.
November 28, 2019 at 11:42 am #159623
Aizaz Imtiaz AwanKeymasterMost Welcome,
Your other custom code conflict with my provided custom CSS code. That’s why items appear for a while and then get disappear.
I got your point. Actually the product detailed page is a part of WooCommerce functionality. Our theme does not influence this. So tho change the layout of product page by removing the constant items from the page, requires customization and this is beyond our limitations and support policy.
So the only way to remove those items from the single product page is via customization or you directly edit the file in your child theme. Or also you can find some third party plugin for this purpose.
Best Regards.
-
AuthorPosts
Tagged: product grid, product page
- You must be logged in to create new topics. Login / Register