Product look more structured and clean look

This topic has 8 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Rose Tyler

  • Avatar: Barbara
    creativesite
    Participant
    April 27, 2023 at 08:58

    Hi Rose/Tony,

    A short design question..,
    is there any way to create a more structured look for Products?
    For example:
    3 lines for Product name
    leaving 1 line empty
    and then 1 line for the Price
    (or 2 lines for the Price – so if there is a Product with discount,
    then 1 line is for the normal price, other is for the Discount price)

    Products here look a bit up-and-down:
    https://postimg.cc/Czv9r3WL

    Goal would be to make it look like this: https://postimg.cc/Kk2ZvXch

    Thank you very much in advance!

    Please, contact administrator
    for this information.
    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 27, 2023 at 13:17

    Hello, Creativesite,

    Thank you for getting in touch with us.

    Please try to use the next custom CSS code – https://www.8theme.com/topic/woocommerce-product-widget-line-height-limitation/

    We hope this information is helpful.

    Kind Regards,
    8theme team

    Avatar: Barbara
    creativesite
    Participant
    April 28, 2023 at 10:57

    Hi Rose,

    okay, thank you very much!

    I attached a screenshot with 1 more question,
    Is it possible to have the title start in the first line?
    https://postimg.cc/SJknmHJ3

    And sorry, for the products not to squeeze, what should I set? Should I remove the tags?
    Thank you!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 28, 2023 at 13:49

    Hello, Creativesite,

    Thank you for your response.

    “Is it possible to have the title start in the first line?” – it is not possible, unfortunately.

    In case you would like to see your sale text not in square ( https://prnt.sc/dPukaRshBHIt ), just leave this option empty → https://prnt.sc/k4lCv0cIsIHL

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

    Kind Regards,
    8theme team

    Avatar: Barbara
    creativesite
    Participant
    April 28, 2023 at 16:26

    Okay, thank you!

    And is there possibly a code to customize these areas as well to get a more clean look?
    -Related products
    -Upsell products
    https://postimg.cc/nMm5dskY

    Thank you!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 28, 2023 at 16:41

    Hello, Creativesite,

    Thank you for your response.

    Please edit this part of the code https://prnt.sc/utMCSts7oQRI and add
    !important;

    .swiper-wrapper {
        height: auto !important;
    }

    Kind Regards,
    8theme team

    Avatar: Barbara
    creativesite
    Participant
    April 29, 2023 at 18:27

    Okay, thank you very much! 🙂 It looks perfect now!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2023 at 08:38

    Hello, Creativesite,

    You’re welcome!

    Kind Regards,
    8theme team

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

The issue related to '‘Product look more structured and clean look’' has been successfully resolved, and the topic is now closed for further responses

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