Return to previous page

Quick View – Quantity disappeared - by Gry4you

This topic has 16 replies, 3 voices, and was last updated 7 years, 9 months ago ago by Rose Tyler

Gry4you

Participant

February 21, 2018 at 09:51

Hi,

The standard Quick View option in XStore Theme (E-commerce/Quick View) doesn’t have many functions.

I decided to use YITH Quick View.

There is one problem. I can’t see quantity in quick view. It disappeared!
https://gry4you.com/wp-content/uploads/2018/02/quantity_disappeared_1.jpg

Do you know how to fit it?

Regards
Damian

#185761 Copied Theme version: 4.19 WooCommerce version: 3.3.2

15 Answers

Gry4you

Participant

February 21, 2018 at 09:52

…of course – fix it:)

#185762 Copied Theme version: 4.19 WooCommerce version: 3.3.2

Olga Barlow

Participant

February 21, 2018 at 10:49

Hello,

I need to inspect code of your quick view to help you.
Could you finally create the test user with limited permissions for our support to allow us to check your site when you ask such things? Would be much appreciated!

Regards

#185774 Copied

Gry4you

Participant

February 21, 2018 at 11:21

Hi,

Maintenance mode disabled!

I can’t create test user with limited permissions for security reason.

Regards
Damian

#185786 Copied Theme version: 4.19 WooCommerce version: 3.3.2
Olga Barlow

Participant

February 21, 2018 at 13:40
Hello,

What security reasons if subscriber wp role doesn’t have almost any permissions?
Or please disable maintenance mode every time when you contact us.

Add the following custom code to show the q-ty

.yith-quick-view-content .quantity { opacity: 1; }

Regards
#185817 Copied
Gry4you

Participant

February 21, 2018 at 15:28

Hi,

It’s working Olga. Thank you:)

Could you help me with wishlist and single product page?

1. How to change color of price on single product page?
https://gry4you.com/wp-content/uploads/2018/02/price-color-1.jpg

2. How to add border-radius to add_to_cart button on wishlist page?
https://gry4you.com/wp-content/uploads/2018/02/border-radius-1.jpg
I add code for other buttons, but on wishlist page is not working! This type of code:
.single-product-booking .product-side-information-inner .single_add_to_cart_button {
border-radius: 4px;
}
3. How to change settings of quick view button on wishlist page?
https://gry4you.com/wp-content/uploads/2018/02/quick-view-button-1.jpg

I used this code to change other button on wishlist page, but it doesn’t work for quick view button!
.woocommerce table.wishlist_table .product-name a {
line-height: 2.45em;
font-size: 13px;
font-weight: 400;
}

Regards
Damian

#185852 Copied Theme version: 4.19 WooCommerce version: 3.3.2
Olga Barlow

Participant

February 21, 2018 at 18:22
Hello,

1) Use the following

.single-product-booking .product-side-information-inner .price .amount { color: #04899f; }

2) Use the following

.woocommerce table.wishlist_table td.product-add-to-cart a { border-radius: 4px !important; }

3) Use the following

.woocommerce table.wishlist_table .product-name .yith-wcqv-button.button { line-height: 1.5; font-size: 13px; font-weight: 400; height: auto; }

Regards
#185894 Copied
Gry4you

Participant

February 22, 2018 at 11:08

Hi,

Thank you for help.

1. I modified the css code and it’s working

.single-product-booking .product-side-information-inner .price .amount {
color: #000000 !important;
}
2. This code is not working!
.woocommerce table.wishlist_table td.product-add-to-cart a {
border-radius: 4px !important;
}
I don’t know why! I can’t change add_to_cart button on wishlist page.

3. This css code is working:
.woocommerce table.wishlist_table .product-name .yith-wcqv-button.button {
line-height: 1.5;
font-size: 13px;
font-weight: 400;
height: auto;
}

Regards
Damian

#185969 Copied Theme version: 4.19 WooCommerce version: 3.3.3

Olga Barlow

Participant

February 22, 2018 at 16:04

Hello,

I need to check the settings and all the custom CSS that you have. Can’t tell you why it’s not working if I don’t see custom and frontend.

Regards

#186030 Copied

Gry4you

Participant

February 23, 2018 at 00:08

Hi,

I created a user for you with limited access. It will be easier for you to modify the css code, I hope.

Please be kind of help me to change settings.

1. How to change color of price on single product page?
https://gry4you.com/wp-content/uploads/2018/02/price-color-1.jpg

Your code is not working:
single-product-booking .product-side-information-inner .price .amount {
color: #000000;
}
2.How to add border-radius to add_to_cart button on wishlist page?
https://gry4you.com/wp-content/uploads/2018/02/border-radius-1.jpg

Your code is not working:
.woocommerce table.wishlist_table td.product-add-to-cart a {
border-radius: 4px !important;
}

3. Quantity on quick view page is invisible in Firefox and Explorer
.yith-quick-view-content .quantity {
opacity: 1;
}
It is possible use quantity on quick view page from Xstore theme, like on single product page or hwo to modify the style?

PS. More info you will find in a Private Content

Please, contact administrator
for this information.

#186055 Copied Theme version: 4.19 WooCommerce version: 3.3.3

Gry4you

Participant

February 23, 2018 at 00:39

Hi again,

What code to add to the quick view page:
https://gry4you.com/wp-content/uploads/2018/02/quick_view_wishlist_compare_1.jpg

So that the compare and wishlist buttons have icons and the same color as on the single product page like here:
https://gry4you.com/wp-content/uploads/2018/02/single_product_page_wishlist_comapre_1.jpg

Regards
Damian

#186056 Copied Theme version: 4.19 WooCommerce version: 3.3.3

Olga Barlow

Participant

February 23, 2018 at 12:21

Hello,

1. Fixed but can’t apply because of cache. Need permission to clear cache.
2. Fixed but can’t apply because of cache. Need permission to clear cache.
3. I have checked and don’t see problem, for example, FF http://prntscr.com/iiog6o
YITH plugin should be customized to allow using our q-ty instead of the default one.
4. I have added the code but can’t check it because of cache. Actually, if you are still developing the site I would not recommend using the cache. Enable cache once you finish the site. Because it’s hard to understand if changes do not work because of cache or because the wrong code was used.

Regards

#186108 Copied

Gry4you

Participant

February 23, 2018 at 12:57

Hi,

Cache cleared.

Quick View page: compare button has a icon and looks good, but I can’t see icon of wishlist!

I added css code for wishlist button hover on quick view page, but there is no icon.

.yith-wcwl-add-to-wishlist a:not(.alt):hover {
text-transform: none;
font-weight: 600;
font-size: 14px;
font-family: ‘Montserrat’;
text-align: center;
color: #000000 !important;

Regards
Damian

#186116 Copied Theme version: 4.19
Olga Barlow

Participant

February 23, 2018 at 18:01
Hello,

Added into custom

.yith-quick-view-content .yith-wcwl-add-to-wishlist a:before { display: inline-block; content: "\e908"!important; font-family: 'xstore-icons'; margin-right: 10px; font-size: 1.25rem; position: relative; top: 3px; background-color: transparent!important; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; }

Clear cache.

Regards
#186181 Copied
Gry4you

Participant

February 26, 2018 at 09:59

Hi,

Perfect:). Thank you for your help Olga.

Have a nice day.

Damian

#186277 Copied Theme version: 4.20 WooCommerce version: 3.3.3

Rose Tyler

Support staff

February 26, 2018 at 10:39

Hello,

You’re welcome!
Have a nice day.

Regards

#186285 Copied
Viewing 16 results - 1 through 16 (of 16 total)