Show Product attributes style on products.
-
its mess up on mobile phone and on chrome browser , but on safari at macbook it looks fine, can you please check it .
Attachments:
You must be
logged in to view attached files.
Hi,
The following issue is caused by your custom code (screenshot https://prnt.sc/pZ-w5aD4ARvA). Try to remove this custom code and check again.
Kind Regards
solved on pc but not solved on mobile long attribute not showing, can you check please?
Attachments:
You must be
logged in to view attached files.
also i have a question about the mobile, can i change the “text here with a custom html?” and from where?, thank you.
Attachments:
You must be
logged in to view attached files.
1. Following attribute table is not designed for 2 column product grid on mobile because its too little space for it. There are several possible solutions:
– Set one column for the product grid in mobile devices.
– Hide attribute table in product grid in mobile devices.
– Set attribute title one over another via following custom code.
@media (max-width: 576px) {
.product-grid-item.wd-hover-base .shop_attributes tr {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-align: center;
}
.product-grid-item.wd-hover-base .shop_attributes th,
.product-grid-item.wd-hover-base .shop_attributes td {
text-align: center;
margin: 0;
}
}
2. You can create an HTML block, with any content created by the page builder, and place it in a shop archive description or category description.
Kind Regards
thank you , it worked , but for the second request , can you please tell me where i can find ” shop archive description or category description” ?
Hi,
Shop archive description can be changed by adding content directly to the Shop page (https://prnt.sc/o4QsTSV1OVG0).
Category description can be changed by adding content to the Description area in categories options (https://prnt.sc/DYji30Y5Kv0H).
Kind Regards
thank you but still this message shows up and i cant find from where it comes “Shop for Laptops online on PC circle Jordan. Get our latest offers and browse among a large selection of Laptops on PC Circle in Amman & Jordan.”
what im trying to do is to add a custom html ” search by description” above the shop page , i found the text under category description and remove it , i add the custom html but when i search it gone and i have to add to add it to every category any solution except adding it to header cuz header is already full.
Hello,
Please, provide us with your admin access so we can log in and check this on your side.
Thank you in advance.
sure , thank you too, please check
Unfortunately, there are no such options in our theme other than that shop archive and category description.
As an alternative, we can recommend you create a custom shop page via layout builder that has been added in the recent theme update. Using this layout you can display any text anywhere on the shop page.
More about layout builder you can find in theme documentation (https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart)
Kind Regards
.
