Home › Forums › WoodMart support forum › Quick View

Quick View

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • March 1, 2019 at 6:51 pm #110505

    joshh31
    Participant

    Hi Xtemos,

    I want to know if it is possible to just have Quick View? I mean when I click on the image (all products) it only loads the quick view.

    If it is not possible could please give me an additional code customization ? Thank you very much.

    March 1, 2019 at 7:31 pm #110515

    Artem Temos
    Keymaster

    Hello,

    Thank you so much for purchasing our theme and contacting our support center.

    Please, send us a link to your website so we can try to prepare a code snippet for this.

    Kind Regards
    XTemos Studio

    March 7, 2019 at 9:36 pm #111747

    joshh31
    Participant

    Hello,

    Thank you!
    So could you please give me an additional code for that :

    – When I click on the image and the product grid title (for all products), it only loads the quick view window (for the desktop layout)
    – Hide on the image (for all products) the add cart icon and the quick view icon (for the desktop/tablet/mobile layout)
    – On the quick view window, hide on the image : “VIEW DETAILS”

    Thank you.

    March 8, 2019 at 7:40 am #111773

    Elise Noromit
    Member

    Hello,
    Please add this code to the Theme Settings > Custom JS:

    jQuery('.product-image-link, .product-element-bottom').on('click', function(e) {
    e.preventDefault();
    jQuery(this).parents('.product-grid-item').find('.open-quick-view').click();
});

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .woodmart-hover-tiled .woodmart-buttons{
display:none;
}
.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
display:none;
}

    Best Regards

    March 8, 2019 at 3:02 pm #111838

    joshh31
    Participant

    Hi,

    Thank you for your help, it works.

    Last questions :

    1) How can I hide on the quick view window on the product image : “VIEW DETAILS” (for all products) ?

    2) How can I add on the quick view mode (for all products) the affiliate button (for all affiliate products) ?
    I already have it on the product page (the blue one) and I want it too on the quick view window between the description and the share part.

    Please send me the additional code if necessary.
    Thank you very much.

    March 9, 2019 at 10:05 am #111942

    Artem Temos
    Keymaster

    Hi,

    Try to use the following code snippet

    .popup-quick-view .product-images .view-details-btn {
	display: none;
}

    instead of this part

    .btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
display:none;
}

    Regards

    March 9, 2019 at 10:23 am #111950

    joshh31
    Participant

    It works, thanks!
    I forgot to ask you :
    When I click on the affiliate button, I want to open the affiliate link in a new tab. I didn’t find a way to do that on the theme settings.

    Thank you.

    March 9, 2019 at 8:33 pm #112023

    Artem Temos
    Keymaster

    It is a WooCommerce functionality and unfortunately, there is no option for this.

    Regards

    March 20, 2019 at 1:37 pm #113972

    joshh31
    Participant

    Hello,

    Since I added the element “AJAX products tabs”, I can see that the possibility to just have Quick View when I click on the image (all products), only works for the products who are in the first products tabs.
    Please check the Private Content.

    March 20, 2019 at 1:49 pm #113975

    Artem Temos
    Keymaster

    Try to replace the code with the following one

    jQuery('body').on('click', '.product-image-link, .product-element-bottom', function(e) {
    e.preventDefault();
    jQuery(this).parents('.product-grid-item').find('.open-quick-view').click();
});
    March 20, 2019 at 4:42 pm #114011

    joshh31
    Participant

    Thank you so much, it works.

    One more question, do you know how can I hide in the Quick View the Category line ?

    Thanks!

    March 20, 2019 at 8:13 pm #114037

    Elise Noromit
    Member

    Hello,

    The quick view option is global and deactivated only for all pages in the Theme Settings > Shop > Quick view

    Best Regards

    March 21, 2019 at 8:50 am #114092

    joshh31
    Participant

    Hello,

    Sorry, I mean (for Desktop, Tablet and Mobile) :

    1) On the quick view window, I want to hide for all products “Category: … ”

    2) And also on the quick view window, I want to disable for all products the link on the title/price.

    Please check the Private Content.

    Thank you.

    March 21, 2019 at 11:55 am #114115

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
	pointer-events: none;
}
body .popup-quick-view .entry-summary .entry-title {
pointer-events: none;
}
body .popup-quick-view .entry-summary .product_meta>span {
    display: none;
}

    Best Regards

    March 21, 2019 at 12:40 pm #114130

    joshh31
    Participant

    Perfect! Thank you so much!

    On the quick view window, on my affiliate button letters are always in uppercase, how can I change that ?
    Thanks.
    Please check the Private Content.

    March 21, 2019 at 1:09 pm #114139

    Elise Noromit
    Member

    Hello,

    Replace the code for the button:

    .btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
	pointer-events: none;
		text-transform:none;
}

    Best Regards

    March 21, 2019 at 5:18 pm #114214

    joshh31
    Participant

    Thank you, it works.

    I wrote here all my questions, thank you for your time and help.

    1) How can I add on the quick view window the Instagram icon (share) ?
    I actually have the Facebook, Twitter and Pinterest icons.

    2) How can I add a permanent text for all products on the quick view window below “Share”

    3) I do not wish to have users be able to comment on products.
    When I add a product I can see that I have the option “Activate comments”. If I disable that, it works. But this option is automatically checked, is there a way to permanently disable this option ? Because I don’t want to disable this option for each products I add.

    4) When I click on one image product, it directly opens a quick view window. Actually it works for Desktop and Mobile version. You gave me an additional code to do that but I only need this function for the Desktop version and not for the Mobile version. Could you please give an additional code to do that ? Thank you!

    March 21, 2019 at 8:53 pm #114254

    Elise Noromit
    Member

    Hello,

    1. There is no option for that.

    2. There is no option for that.

    3. Navigate to Woocommerce > Settings > Products Tab > Inventory > disable Reviews.

    4. Please find this code in the Theme Settings > Custom CSS > Global:

    body .woodmart-hover-tiled .woodmart-buttons{
display:none;
}
.btns-shop-light .popup-quick-view .woodmart-scroll-content>a{
display:none;
}

    Delete from Global and insert in Mobile/Tab and into the device type you need.

    Best Regards

    March 14, 2020 at 6:46 am #179894

    jawadahmad
    Participant

    How can we hide short description in quickview ?

    March 14, 2020 at 10:25 am #179933

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .popup-quick-view .entry-summary  .woocommerce-product-details__short-description{
display:none;
}

    Best Regards

    March 16, 2020 at 10:45 am #180179

    jawadahmad
    Participant

    How to show loading sign when someone clicks on product image/link before loading quickview?

    March 16, 2020 at 2:20 pm #180228

    Elise Noromit
    Member

    Hello,

    Unfortunately, there is no option to add such a loading icon.

    Best Regards

  • Author
    Posts

Tagged: ,

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘Quick View’ is closed to new replies.