How to choose the products to display on related and recommended products section?

This topic has 8 replies, 3 voices, and was last updated 1 months, 3 weeks ago ago by Andrew Mitchell

  • Avatar: Elhadj07
    Elhadj07
    Participant
    September 26, 2024 at 02:22

    Hello,

    From where can I choose the products to display on related products section and recommended products section? I want display different products on each and not show the same products. ( please see image 1 & 2 ).

    I have two more questions:

    1 – How can I make spacing between the proceed to checkout button and the continue shopping button ? After I added more payments option the continue shopping button moved too close to the proceed to checkout button. ( please see image 3 & 4 ).

    2 – How can I make spacing between the cart total on checkout page and the customer review section I displayed ? ( please see image 5 I marked in red. )

    Thanks very much

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 26, 2024 at 11:07

    Hello, Elhadj07,

    Thank you for reaching out to us with your queries. We’re here to assist you in enhancing your website’s functionality.

    We have noticed that the same widget has been used twice on your site: https://prnt.sc/e5VWCzkhAWDf Please try to use other elements https://prnt.sc/nVYGKwsxUaGf

    Related Products is a section that pulls products from your store that share the same tags or categories as the current product.
    These products cannot be specified in the admin, but can be influenced by grouping similar products in the same category or by using the same tags.
    Read more – https://woocommerce.com/document/related-products-up-sells-and-cross-sells/
    Our theme simply facilitates the display of these products as determined by the WooCommerce plugin.
    Link to WooCommerce support forum – https://wordpress.org/support/plugin/woocommerce/

    1/

    .woocommerce-cart .return-shop {
        margin-top: 10px;
    }

    https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

    2/ Edit the Checkout page using Elementor – https://prnt.sc/EekMpyVcaV7X

    Best Regards,
    8Theme’s Team

    Avatar: Elhadj07
    Elhadj07
    Participant
    September 26, 2024 at 16:32

    Hi Rose,

    Thanks very much for the support.

    Question 1 and 2 resolved perfectly.

    I have kept related products widget at ( You May Like ).

    I have chosen Product Carousel for ( People Also Bought).

    I have two issues:

    1 – At the related products I changed the products limit to 8 but it’s not reflecting on the page navigation (please see image 7).

    2 – At the products carousel I changed the border radius to 5px but only the top part borders changed but bottom borders didn’t change. (Please see image 8).

    Thanks very much

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 27, 2024 at 09:27

    Hello, Elhadj07,

    1/ We would like to inform you that if there are only 5 related products available, the system is unable to accommodate an additional request for 3 more products from an unspecified source.

    2/ You need to edit image border radius – https://prnt.sc/cTRp_zuqlQuF

    Best Regards,
    8Theme’s Team

    Avatar: Elhadj07
    Elhadj07
    Participant
    September 27, 2024 at 17:10

    Hi Rose,

    Okay thanks I have been able to change that.

    The last thing I need help would be how to make the “item sold sale boost feature” text little bigger on the related products section ( I marked in red image 1 ) to same like the size of the “item sold sale boost” on the products carousel ( I marked in blue image 2 ) ?

    Because it looks a little smaller on the related products section.

    Many thanks

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 29, 2024 at 07:25

    Hello, Elhadj07,

    Custom CSS code can be used:

    .sales-booster-total-sales {
        font-size: 18px !important;
    }

    Best Regards,
    8Theme’s Team

    Avatar: Elhadj07
    Elhadj07
    Participant
    September 30, 2024 at 05:21

    Hi Rose,

    Thank you very much all good.

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    September 30, 2024 at 05:22

    Dear Elhadj07,

    We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

    Click here to rate now: https://themeforest.net/downloads

    Thank you sincerely for your ongoing support!

    Best Regards,
    The 8Theme Team

  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘How to choose the products to display on related and recommended products section?’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.