How turn off theme's product grid?

This topic has 8 replies, 2 voices, and was last updated 4 years, 12 months ago by Aizaz Imtiaz Awan.

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

Author

Posts
November 28, 2019 at 5:10 am #159540

siteadmin
Participant

How turn off theme’s product grid and do not turn off other functional?
https://yadi.sk/d/QLfxQWSBcxGExw

This question in my lang:
Как отключить сетку отдельных элементов на странице товаров, не затрагивая другие настройки вашей темы? В частности, чтобы не ломался JS для увеличения/уменьшения количества товаров на других страницах.

November 28, 2019 at 6:41 am #159547

siteadmin
Participant

What is in the green frame is ready. I only need to disable your areas.
–
То, что в зеленой рамке – уже готово. Мне нужно только отключить ваши области.

November 28, 2019 at 7:46 am #159563

Aizaz Imtiaz Awan
Keymaster

Hello,

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

siteadmin
Participant

Yes, 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

siteadmin
Participant

Please, 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

siteadmin
Participant

Product url in private content

November 28, 2019 at 9:58 am #159601
Aizaz Imtiaz Awan
Keymaster
Hello,

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

siteadmin
Participant

Thanks. 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 Awan
Keymaster

Most 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.
Author

Posts