I am working on the shop page and I've run into a few issues:
Shop Catalog:
1. Is it possible to make the hover color and info match the settings I have for the portfolio? I want the hover in white to be semi transparent and have the little eye pop up instead of the title and the select options.
2. Can the shop slug be prints instead of shop? I can't seem to find documentation on how to do this.
Product Page:
1. I added some custom css on my products that you recommended on another ticket to remove the title in the description area but it doesn't seem to be working. Please advise? the css is the following:
2. Could I add a custom css to specific products that have vertical images so that the image is Medium 5/12? I am happy with the large 6/12 setting for horizontal images but it's too big for my vertical images.
3. What is the size of the font you use for variations? I want to set my single products to display the size the same way than for my variable products but I can't seem to get it right. (View attachments)
4. Is there a way for the in stock info not to show up?
I would not recommend you to touch this but if you want to make it smaller then use that CSS, it is not perfect but it should work.
3. Usually the font sizes are set from Laborator > Typography section but you can do it from here also, if you want to change the font size add this CSS to Custom CSS:
Hi!
I am working on the shop page and I've run into a few issues:
Shop Catalog:
1. Is it possible to make the hover color and info match the settings I have for the portfolio? I want the hover in white to be semi transparent and have the little eye pop up instead of the title and the select options.
2. Can the shop slug be prints instead of shop? I can't seem to find documentation on how to do this.
Product Page:
1. I added some custom css on my products that you recommended on another ticket to remove the title in the description area but it doesn't seem to be working. Please advise? the css is the following:
.woocommerce-tabs #tab-description h2 { display: none; }2. Could I add a custom css to specific products that have vertical images so that the image is Medium 5/12? I am happy with the large 6/12 setting for horizontal images but it's too big for my vertical images.
3. What is the size of the font you use for variations? I want to set my single products to display the size the same way than for my variable products but I can't seem to get it right. (View attachments)
4. Is there a way for the in stock info not to show up?
Thank you very much!
Hi Elena,
Shop page
1. You can make the background less visible by adding this CSS to Custom CSS:
.woocommerce .products .product.catalog-layout-distanced-centered .product-internal-info { background-color: rgba(239,239,239,0.44); }But it not possible to get the eye showing on products, it is only possible in the blog and portfolio items.
2. Please follow this guide to change the slugs of shop pages.
Product page
1. Add this CSS instead:
.woocommerce .woocommerce-tabs .entry-content h2 { display: none; }2. Use this CSS in the Custom CSS of each vertical product:
.woocommerce .single-product--product-details>.product.product-images-columns-large .single-product-images { width: 40%; } .woocommerce .single-product--product-details>.product.product-images-columns-large .summary { width: 60%; }I would not recommend you to touch this but if you want to make it smaller then use that CSS, it is not perfect but it should work.
3. Usually the font sizes are set from Laborator > Typography section but you can do it from here also, if you want to change the font size add this CSS to Custom CSS:
.woocommerce .variations .select-option-ui{ font-size: 12px; }4. Yes, add this CSS to Custom CSS to hide the "In stock" message, if you want to hide also "Out of stock" please let me know:
p.stock.in-stock { display: none; }Best regards,
Laborator Team