Return to previous page

Product look more structured and clean look

This topic has 8 replies, 2 voices, and was last updated 1 years, 11 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.
    #354678 Copied Theme version: 9.1.2 WooCommerce version: 7.6.0
    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

    #354728 Copied
    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.
    #354820 Copied
    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

    #354844 Copied
    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.
    #354856 Copied
    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

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

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

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

    Hello, Creativesite,

    You’re welcome!

    Kind Regards,
    8theme team

    #354928 Copied

  • Tagged: , , , , , ,

  • 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

Support Forum Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme

See All Templates

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