Alignment of elements and thumbnail of products

This topic has 12 replies, 3 voices, and was last updated 9 months, 1 weeks ago ago by Luca Rossi

  • Avatar: Ahmed Asaad
    Ahmed Asaad
    Participant
    June 25, 2024 at 06:28

    I have an issue with the alignment

    I need to fix the position of the elements like text price, etc.

    and the Thumbnail photo of the products I need It fits in a fixed position regardless of their size

    I attached files from the theme and an example from another theme

    Files is visible for topic creator and
    support staff only.
    11 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 25, 2024 at 07:51

    Hello Ahmed Asaad,

    Thank you for reaching out to us with your queries.

    Could you please provide temporary wp-admin access? We need to check your current settings first.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: Ahmed Asaad
    Ahmed Asaad
    Participant
    June 25, 2024 at 11:06

    here the info

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 25, 2024 at 12:47

    Hi @Ahmed Asaad,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .home .content-product .product-content-image,
    .home .etheme-product-grid-image {
        padding: 30px;
    }
    .home .content-product .product-content-image img,
    .home .etheme-product-grid-image img {
        max-height: 150px;
        width: auto;
    }
    .home .content-product .product-title {
        min-height: 100px;
    }
    .home .content-product .price {
        min-height: 50px;
    }
    .home .etheme-product-grid-title {
        min-height: 50px;
    }
    

    Warm Regards,
    The 8Theme Team

    Avatar: Ahmed Asaad
    Ahmed Asaad
    Participant
    June 26, 2024 at 11:14

    I need it across all the site

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 26, 2024 at 11:59

    Hi @Ahmed Asaad,

    In this case, please remove the previous CSS codes and it this cusom CSS code instead:

    
    body .content-product .product-content-image,
    body .etheme-product-grid-image {
        padding: 30px;
    }
    body .content-product .product-content-image img,
    body .etheme-product-grid-image img {
        max-height: 150px;
        width: auto;
    }
    body .content-product .product-title {
        min-height: 100px;
    }
    body .content-product .price {
        min-height: 50px;
    }
    body .etheme-product-grid-title {
        min-height: 50px;
    }
    

    Warm Regards,
    The 8Theme Team

    Avatar: Ahmed Asaad
    Ahmed Asaad
    Participant
    June 26, 2024 at 18:15

    Is the theme offers free elementor pro plugin

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2024 at 20:57

    Hi @Ahmed Asaad,

    We offer the Pro Elements plugin.

    The free PRO Elements plugin is a modified version of the Elementor Pro WordPress plugin, originally created by Elementor Ltd. Similar to the original, it is licensed under the GNU General Public License, version 3 (GPLv3). However, unlike the original, it is completely free and does not require activation for use.

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Warm Regards,
    The 8Theme Team

    Avatar: Ahmed Asaad
    Ahmed Asaad
    Participant
    June 26, 2024 at 22:11

    Is there any code that helps in setting the global setting of the product image on the product page I need the image to be in a fixed size that is applied to any image and as you see on the screenshot each product structure differs from another.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 27, 2024 at 04:36

    Hi @Ahmed Asaad,

    Please take a look at this setting: XStore > WooCommerce(Shop) > Product Images >
    Main Image Width >
    set the width for main single product image:

    https://prnt.sc/BxHcDjhWQs9T

    Warm Regards,
    The 8Theme Team

    Avatar: Ahmed Asaad
    Ahmed Asaad
    Participant
    June 28, 2024 at 01:36

    Please could you help me understand how to make the entire product area clickable – the image, price area – everything

    like products on this site

    https://eg.toothpick.com/

    Avatar: Justin
    Luca Rossi
    Support staff
    June 28, 2024 at 08:15

    Hi @Ahmed Asaad,

    Unfortunately, this feature is not available and it needs the customization codes but it fall out of scope our support standard. If you require personal customization services, we invite you to submit a request through our customization panel at: https://www.8theme.com/account/#etheme_customization_panel , and continue conversations with the technicians team directly.
    Please be advised that customization services will incur additional charges, the exact amount of which will be communicated following a detailed review of your request.

    Kind regards,
    The 8theme’s team

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

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

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