Docs

[porteengear]

I have the Ethos theme and would like to have a simplified shop page with all my products in one area, a Product Category column on the left side so my customers can choose shop sections. I cannot find a place in Cornerstone to add a left column to the Shop page and not on the rest of the site. I really want to keep this theme, but the Shop is not easy to navigate. http://www.porteengear.com

[Rupok]

Hi there,

You can directly edit the Shop page as it uses WooCommerce template. You can use a static page and place WooCommerce shortcodes to build your own shop page.

Hope this helps.

[porteengear]

Thank You!
Product Photos on Shop Page: How do I disable the pop up “Add to Cart” and product info panel that appears when you roll over each product photo? I would prefer to have simple info under each product photo instead to make the shop look cleaner.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.woocommerce-page.archive .add_to_cart_button{
display: none;
}

Cheers!

[porteengear]

Thanks for the speedy response! I have one more question ( I am doing my pre holiday tweaking of my site for the retail season)

The footer text color is almost too dark to read (the links). If I change the color of the footer, the text stays in a matching shade but is still very dark. I would like the footer text to be white or a couple of shades lighter. How can I make this change?

Thanks!

[Thai]

Hi There,

Please add the following CSS:

.x-colophon.bottom .x-nav li a {
    color: #fff;
    text-decoration: none;
}

Hope it helps 🙂

[porteengear]

Thank You!

[porteengear]

I am still having an issue with the first line of code in the previous message. “How to take off the pop up “add to cart” and product info when hovering a product photo on the shop page.”
I have attached a screen shot of the product page and of the custom css field where I entered the code. Please advise. It did not work.
Thanks!

[Thai]

You’re most welcome 🙂

[porteengear]

Looks like we emailed each other at the same time, lol!
Here is my email from above repeated. It might have been missed because it is out of sequence:)):

I am still having an issue with the first line of code in the previous message. “How to take off the pop up “add to cart” and product info when hovering a product photo on the shop page.”
I have attached a screen shot of the product page and of the custom css field where I entered the code. Please advise. It did not work.
Thanks!

[Christian]

To remove the add to cart button, please add the code below in your Appearance > Customize > Custom > Global CSS

.woocommerce li.product .entry-header .button {
    display: none;
}

Adding product info would require custom development which falls outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thank you for understanding.

[Author]

Posts