Docs

[pixelboss1]

Greetings from Pixel Boss Stock Photography!

We are currently constructing our WordPress site using your wonderful X-Theme. I have a few questions regarding the user interface of the site. Here’s a little background info:

We are selling digital stock photography using WooCommerce. Each photo is nested into its own Product page, and these product pages are connected to our Portfolio settings. In effect, this creates a searchable thumbnail gallery which points directly to the product pages.

Here’s the problem: the thumbnails show the prices of each product. I can see how this may be useful in a retail situation, but in the case of fine art photography it just looks tacky. Is there any way we can remove the prices from the thumbnails?

Additionally, when the mouse hovers over each thumbnail a button appears. This is completely redundant. In the interest of simplicity, it would be great to remove this button all together.

I have included a screen shot to show a visual example.

http://pixelbossmedia.com/wp-content/uploads/2016/07/Thumbnail-Prices.jpg

Any help would be really great.

Many thanks!

[Rahul]

Hi there,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / password
Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks.

[pixelboss1]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the credentials. Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.woocommerce .price {
    display: none !important;
}
.woocommerce li.product:hover .entry-header .button {
    opacity: 0 !important;
    display: none !important;
}

Let us know how this goes!

[pixelboss1]

This reply has been marked as private.

[Thai]

Hi There,

Please find this CSS:

.woocommerce .price {
    display: none !important;
}

And replace with this:

.woocommerce .entry-header .price {
    display: none !important;
}

Hope it helps 🙂

[pixelboss1]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.single-product .product_meta {
    display: none;
}

.woocommerce-variation-add-to-cart {
    text-align: right;
}

Hope it helps 🙂

[pixelboss1]

This reply has been marked as private.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[pixelboss1]

This reply has been marked as private.

[Joao]

Hi There,

It seems like you have removed the description would you mind putting it back? If not please provide a spcecific url to a page that contains it.

Thanks

Joao

[pixelboss1]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the url of the product page. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

/* hide border */
.woocommerce-tabs .x-tab-content,
.woocommerce-tabs .x-nav-tabs,
.woocommerce-tabs .x-nav-tabs>li,
.woocommerce-tabs .x-nav-tabs > .active > a, 
.woocommerce-tabs .x-nav-tabs > .active > a:hover {
    border: none;
    box-shadow: none;
}

/* hide description */
.woocommerce-tabs .x-nav-tabs{
    display: none;
}

/* hide product description */
.woocommerce-tabs .x-tab-content>.x-tab-pane h2{
    display: none;
}

Hope this helps. Please let us know how it goes.

[Author]

Posts