Home Forums WoodMart support forum display recently view product below related posts

display recently view product below related posts

Viewing 30 posts - 1 through 30 (of 30 total)
  • Author
    Posts
  • #145020

    KH
    Participant

    Hello, how can I display recently viewed product below related posts?

    #145067

    Hello,

    1. Create a sidebar http://prntscr.com/p74a90

    2. Add the widget into the sidebar;

    3. Create HTML block and add widgetized sidebar element http://prntscr.com/p749v1

    4. Add the HTML block into the extra content field and set it to be shown in the pre-footer. https://xtemos.com/docs/woodmart/product-page-options/

    Best Regards

    #145357

    KH
    Participant

    4. Add the HTML block into the extra content field and set it to be shown in the pre-footer. https://xtemos.com/docs/woodmart/product-page-options/

    Where can I set it to pre-footer? Since I want to show recently-views products below related products and related products are located in the single product page.

    #145360

    KH
    Participant

    understand now. Have to add to every product page.

    #145370

    KH
    Participant

    pls see screenshot for other questions.

    Attachments:
    You must be logged in to view attached files.
    #145525

    Hello,

    Set 3 times to show in the widget https://prnt.sc/p8m3am and add this code to the custom CSS:

    body .product_list_widget > li {
        max-width: 30%;
        min-width: 30%;
        display: inline-block;
    }

    Or set 4 items and change the width to 20% to have 4 items in the row.

    Best Regards

    #145864

    KH
    Participant

    Pls see screenshot

    Attachments:
    You must be logged in to view attached files.
    #145867

    KH
    Participant

    and in mobile view it looks like this

    Attachments:
    You must be logged in to view attached files.
    #145905

    Hello,

    You need to use 30% width and only on the desktop. Add the code I have provided to the Theme Settings > Custom CSS > Desktop.

    Best Regards

    #145940

    KH
    Participant

    – product title still display on the right, not under the pictures. Pls make it under pictures.

    – Your css code makes the cross icon in the cart off-canvas moves to the left. See screenshot

    Attachments:
    You must be logged in to view attached files.
    #145955

    KH
    Participant

    Also in side widget it looks like this

    Attachments:
    You must be logged in to view attached files.
    #145968

    Hello,

    Please update the site admin access.

    Best Regards

    #145976

    KH
    Participant

    here u r

    #145991

    Hello,

    Please replace the provided code with this one:

    body  .product-extra-content .product_list_widget > li {
        max-width: 30%;
        min-width: 30%;
        display: inline-block;
    }

    This code should not influence the sidebar widgets as well as your shopping mini cart.

    Best Regards

    #146009

    KH
    Participant

    You still not answer my question. NOW THE POST TITLE AND PRICE ARE ON THE RIGHT OF IMAGE, HOW CAN I MAKE THEM UNDER THE IMAGES?

    #146051

    Hello,

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

    body  .product-extra-content .product_list_widget>li .widget-product-wrap {
        display: block;
    }

    Best Regards

    #146071

    KH
    Participant

    Ok, thanks. Lastly, could you please tell me how to increase these widget image size? just only for this widget, should not affect other widget images.

    #146095

    Most Welcome,

    Sorry it is not possible to increase those widget images size without affecting the other images.

    It requires customization and this is beyond our limitations and support policy.

    Best Regards.

    #148495

    KH
    Participant

    These css codes are not working.

    #148558

    KH
    Participant

    Is this the woocommerce recently-viewed products style itself that display thumbnails vertically like this or is it your theme style? If it’s your theme style, please tell me where I can reach your template.

    #148570

    Hello,

    I have found that you have removed the recently viewed widget from the pages. Also, you have not added any custom in custom code section in Theme Settings. Can you please tell me on which page you are using the Recently Viewed product widget now? Please send me the URL of that page also put the given custom CSS code in the Theme Settings >> Custom CSS >> Custom CSS for desktop section.

    Best Regards.

    #148579

    KH
    Participant

    I remove because the css code is not working. You can check this by adding your code back again.

    #148582

    KH
    Participant

    I would like to display recently viewed products horizontally. Someone ask this question on Woocommerce support here https://wordpress.org/support/topic/make-recently-viewed-products-widget-horizontal/. And he said his theme developer helps him. I don’t know how his theme developer helps him to get it display horizontally.

    #148600

    Hello,

    Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Custom CSS for Desktop and check the widget here I have added on this product:
    https://www.khai.la/product/ໂສ້ງຂາສັ້ນແບຣນດ໌-azul-by-moussy/

    body #woocommerce_recently_viewed_products-2 .product_list_widget>li .widget-product-wrap {
        display: block;
    }
    body #woocommerce_recently_viewed_products-2 .product_list_widget > li {
        max-width: 30%;
        min-width: 30%;
        display: inline-block;
    }

    After adding the custom CSS you will see the widget like this:
    http://prnt.sc/pf8238

    Best Regards.

    #148609

    KH
    Participant

    It doesn’t look nice. Images are not big, also have to mess up with media query. Recently-viewed products are good feature in woocommerce. I don’t understand why the theme author doesn’t have this feature in the theme and display horizontally like other woocommerce theme authors do.

    Commonly recently-viewed products would looks good if displayed horizontally.

    #148790

    Hello,

    I have test your site and noticed that with my provided css code your recently viewed products shown horizontally which you want.

    Screenshot: https://jmp.sh/9G2jWwK

    Also the images looks in the normal size. The width is already set to full. You can use the below css code to increase the height of images:

    .product_list_widget > li .widget-product-img > img {
    height:300px
    }

    Yes currently we do not have that feature. We will try to consider this in next upcoming updates of the Theme.

    Best Regards.

    #148820

    KH
    Participant

    Never mind, forget it. I mean it doesn’t display well like the related products. Your css code just display horizontally, but still having problem with images size. You give more css code to increase height but the width, no.

    Please add this in your update soon.

    #148869

    Hello,

    Yes, I got your point. As I already told you that your width is already set to full. So you can just increase or decrease the height.

    Sure we will try to include this in the update of our theme.

    Best Regards.

    #149849

    KH
    Participant

    Can you add this feature in your next update. I will give 5 stars.

    #149922

    Hello,

    Thanks for sharing the suggestion/feature request with us, I am forwarding this to our development department for considering to add it in the theme, but I am not giving you the guarantee for that because please note that a theme cannot satisfy all requirements as it may occur theme heaviness. Sometimes it may require your own customization. So if the development department finds it fit with the theme environment then surely they will look through it.

    Thanks for your understanding.

    If you need any help in future, please feel free to contact us anytime, we are always here to help you.

    Thanks for contacting us,
    Have a great day :-)

    Topic Closed.
    Best Regards.

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

The topic ‘display recently view product below related posts’ is closed to new replies.