Docs

[phoogoo]

Hi,

You guys have been so helpful and I have been almost hit my limit on trying to edit the product page and need your assistance. I so wish cornerstone was integrated with woo commerce.
I will do my best to explain so bare with me.

Screenshot 1: – This is my Booking Page (which I directed the Woo commerce Shop/Product Page from) http://exploremauinature.com/dev/booking/

1. Want the “Default sorting” and “Showing all results” removed.
2. Want the “Read More” button that hovers to be removed.
3. If it is possible to center the title or at the very least move it just to the right of the image?
4. Also would love to have the “From” removed.
5. If you have any tips on sizing the images so they are all similar, that would be great. I see I have one that seems OK.

Screenshot 2: This is an individual product page.
http://exploremauinature.com/dev/product/tour-1-option-1/
1. If the color of the hover could be a bit lighter or target that font to make it darker and stand out more. (same with the time – 3:00PM)

Screenshot 3: Again, another individual product page.
http://exploremauinature.com/dev/product/tour-4-private-tour-sky/
1. I am wanting the price to only be reflected when a time is chosen. I realize this might be inherited from the product page.

Lastly, I do not have this feature I noted on another post: http://prnt.sc/6eysla
I suspect it could help me with the images.

I sincerely appreciate the help and let me know if you need any further information!

[Rue Nel]

Hello There,

Thanks for writing in!

Screenshot 1
1] To remove the default sorting and all results, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

2] To remove the read more button, please use this code:

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

3] If you want to have something like this, http://prntscr.com/cqemkm? Please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(min-width: 980px){
  .woocommerce li.product .entry-featured {
    float: left;
  }

  .woocommerce li.product .entry-wrap {
    float: right;
    width: calc(100% - 230px);
    margin-top: 30px;
  }
}

Screenshot 2
To resolve this issue, please use this code:

.wc-bookings-booking-form .wc-bookings-booking-cost {
    background-color: rgba(255,255,255,0.35); 
}

Screenshot 3
It sounds like you might be having an issue with a third party plugin WooCommerce Bookings. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[phoogoo]

Thanks so much!

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[phoogoo]

Regarding #1 and #2 – the read more button, default sorting and all results, they seem to still show up on mobile device even when using media queries. Thoughts?

[Rad]

Hi there,

That’s because your @media query has no close bracket.

Please change this CSS,

@media(min-width: 980px){
  .woocommerce li.product .entry-featured {
    float: left;
  }

 .woocommerce li.product .entry-wrap {
    float: right;
    width: calc(100% - 230px);
    margin-top: 20px;
  }
  

  .woocommerce li.product .entry-featured {
    float: left;
  }

    @media(min-width: 980px){.woocommerce li.product:hover .entry-header .button {
    display: none;
}
    
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}
  

to this

@media(min-width: 980px){
  .woocommerce li.product .entry-featured {
    float: left;
  }

 .woocommerce li.product .entry-wrap {
    float: right;
    width: calc(100% - 230px);
    margin-top: 20px;
  }
  

  .woocommerce li.product .entry-featured {
    float: left;
  }

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

}
    
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

Cheers!

[Author]

Posts