Docs

[Ronald]

Hello,

The website is in development and behind a construction screen, I will provide login via Private Reply.

Website is at the latest version of X and all plugins are up to date, including Cornerstone. WordPress on the latest version too, we are using X’s Ethos for layout.

1. We would like to disable (hide) the cart icon on the product thumbnail on hover.

Last question is related to a third party plugin, we did ask them for support and they said we need to speak to theme developers, here goes. We are using a plugin https://yithemes.com/themes/plugins/yith-woocommerce-multi-vendor/ to enable vendors to open shops on this website.

2. On a vendor page, the content does not fit well, please have a look at this page: http://xyno.co.za/ek/Lister/test-shop-99/

About a 5th of the image on the right does not fit in the block, and this same “line” goes down and prevents full alignment of the products, on this same page we would like the products to appear in collumns like the normal shop page. I also suspect the same issue is what prevents the http://xyno.co.za/ek/become-a-vendor/ page to appear like it should.

The site is in development and once done it will be copied over to the main domain eknows.co.za

I appreciate your help.
Regards,
Ronald.

[Ronald]

This reply has been marked as private.

[Nico]

Hi There,

Thanks for writing in.

1. To disable (hide) the cart icon on the product thumbnail on hover. Add this in your Customizer > Custom > CSS

.woocommerce .button.product_type_simple:before, .woocommerce .button.single_add_to_cart_button:before {
content: " " !important;
}

2. Would you mind sharing us a screenshot of the problem and the guide that you want to achieve because the problem is quite a problem.

Once we fully understand the problem, we’ll do our best to help you.

Thanks.

[Ronald]

Hi Nico,

Thank you very much, the CSS snippet worked perfectly 🙂

The remaining issue we have is on the Vendor pages, I am attaching two screenshots:

1) The image needs to fill the block on the vendor store page header, and no matter how wide we make this image it does not fill the block. It looks like an invisible line blocks the content, however, the border around this looks right.

2) We would like to make products appear here the same way it does on the products page, three or more in a row instead of the large images, also, we have the same “invisible” as above line on the side (right)

I appreciate you looking into this, and look forward to hearing from you.

Kind Regards
Ronald.

[Ronald]

Apologies, attached is the other screenshot.

[Christopher]

Hi there,

Please add this code :

.store-header-wrapper .store-image {
    position: relative;
    width: 100%;
}
.store-header-wrapper .store-info.skin1 {
    position: absolute;
    top: 0;
}
@media (mi-width:767px){.archive.woocommerce .products li {
    width: 44%;
    float: left;
}
}

Hope it helps.

[Ronald]

Thank you very much 🙂

The store image is fixed now. Much appreciated.

The only remaining problem is on the same vendors’ page, the products below the store image needs to display like the products on the products page, 3 per row.

Could you help please?

Kind Regards
Ronald.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.archive.tax-yith_shop_vendor .woocommerce li.product {
    width: 30.66667%;
}

Hope that helps.

[Ronald]

Thank you very much Paul, but unfortunately the css snippet didn’t resolve the issue.

Kind Regards
Ronald.

[Paul R]

Hi Ronald,

Sorry about that, you can try this code instead.

.archive.tax-yith_shop_vendor.woocommerce li.product {
    width: 30.66667%;
}

Hope that helps

[Ronald]

Hello 🙂

Paul, your reply guided me in the right direction, thank you very much, this code did the trick:

.woocommerce li.product {
width: 30.66667%;
}

Thanks for your help everyone.

Regards
Ronald.

[Joao]

Glad to hear it ROnald

Let us know if you need help with anything else

Joao

[Ronald]

Hello,

Sadly the code above:

.woocommerce li.product {
width: 30.66667%;
}

does make the products appear in thee columns, but its not responsive. Would you please let me know if you have any plan to fix this?

I really appreciate your help.

Attached screenshot.

[Ronald]

PS. By plan to fix I simply meant a plan, not in a bad way 🙂 ie. a solution

[Rad]

Hi there,

Please try this one,

@media( min-width: 980px ) {
.woocommerce li.product {
width: 30.66667%;
}
}

It will only apply columns on desktop, but single column on mobile.

Hope this helps.

[Author]

Posts