Return to previous page

PREVIOUS and NEXT PRODUCTS - by erinok - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler

erinok

Participant

August 9, 2017 at 18:04

Dear Support,

We have two issues, both related to the PREVIOUS and NEXT functionality in the shopping cart.

1. On any product, if you hover over the PREVIOUS arrow, the image is being cut off… The next arrow looks great and the image is shifted over, therefore all text can be viewed: https://essentialthree.com/dev/product/cardiovascular-support/

2. For the Cold and Sinus product, if you are on the product before or after, the price is crossed out and then repeated.
https://essentialthree.com/dev/product/cold-sinus/

#169723 Copied Theme version: 3.0.0.1 WooCommerce version: 3.1.1

9 Answers
Rose Tyler

Support staff

August 10, 2017 at 08:27
Hello,

Please add this code in custom css:
```
.product-navigation .next-product .hide-info {
    left: -100px;
}
.product-navigation .next-product .hide-info:after, .product-navigation .prev-product .hide-info:after, .product-navigation .next-product .hide-info:before, .product-navigation .prev-product .hide-info:before {
    left: 30%;
}
.product-navigation .prev-product .hide-info {
    left: -132px;
}
.product-navigation .prev-product .hide-info:before, .product-navigation .prev-product .hide-info:after {
    left: 50%;
}
```
Regards
#169759 Copied
erinok

Participant

August 10, 2017 at 17:47

Dear Support,

Thank you so much! That solved issue number 1. We are still having trouble with the second item, where the price is being striked out and then repeated for Cold and Sinus. This is only product with this issue…

https://essentialthree.com/dev/product/cold-sinus/

Any thoughts on how to fix this? Thank you so much, Erin

#169825 Copied

Rose Tyler

Support staff

August 11, 2017 at 07:44

Sorry but this question is a bit unclear for me. Could you please provide a screenshot for better understanding?

Regards

#169844 Copied

erinok

Participant

August 11, 2017 at 17:07

I would be happy to! I just tried sending a reply email with the screenshot, but that didn’t work. How do I upload an image and send it to this support ticket? THank you! Erin

#169907 Copied

Rose Tyler

Support staff

August 14, 2017 at 08:43

Hello,

Try to use such screenshot maker as Lightshot.

Regards

#169962 Copied

erinok

Participant

August 14, 2017 at 16:44

Dear Rose,

I already have a screenshot for you. Can you please provide an email address so I can send it to you?

#170031 Copied

Rose Tyler

Support staff

August 15, 2017 at 08:31

Hello,

It would be better if you provide link to the screenshot in the Private Content area.
You can upload screenshot to any web storage (like dropbox) and share the link with us.

Regards

#170062 Copied

erinok

Participant

August 15, 2017 at 16:44

Will do! And actually, we’ve had success with re-building the product from scratch, which ended up fixing the issue, so no need to send a screenshot or continue this thread.

Thanks so much, Erin

#170132 Copied

Rose Tyler

Support staff

August 16, 2017 at 08:04

You’re welcome!
Feel free to ask if you need any help.

Regards

#170166 Copied
Viewing 10 results - 1 through 10 (of 10 total)