Frame around products - by pls - on WordPress WooCommerce support

This topic has 11 replies, 4 voices, and was last updated 9 years, 6 months ago ago by Jack Richardson

  • Avatar: pls
    pls
    Participant
    May 24, 2016 at 08:13

    Hi,

    1. Is it possible to easy make a frame around products with some css?
    Please se my screenshot from another website which have a black frame: http://s33.postimg.org/wkiycyrul/Sk_rmbillede_2016_05_24_kl_09_09_08.png

    2. And is it possible to move the category description in the top to the bottom?

    Thank you so much! Best patrick

    10 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    May 24, 2016 at 08:25

    Hello,

    1) Do you mean the black border around each products?

    2)
    In this case you need edit \wp-content\themes\royal\woocommerce\archive-product.php file.
    Please move the following code after page-content class.

    <div class="<?php echo ($full_width) ? 'container' : ''; ?>">
    					<?php etheme_category_header();?>
    					<?php do_action( 'woocommerce_archive_description' ); ?>
    </div>

    See screenshot:
    http://prntscr.com/a9r41z

    Regards,
    Robert Hall

    Avatar: pls
    pls
    Participant
    May 25, 2016 at 10:08

    1) Yes, the black border

    Avatar: pls
    pls
    Participant
    May 25, 2016 at 10:14

    What code is page-content class?

    Avatar: Eva
    Eva Kemp
    Participant
    May 25, 2016 at 11:18

    Hello,

    1. Please use this code in Global Custom CSS:

    .product {
       border: 1px solid black;
    }

    and this code in Custom CSS for desktop:

    .product {
       height: 400px;
    }

    What code is page-content class?

    Please clarify your question. What do you want to achieve?

    Regards,
    Eva Kemp.

    Avatar: pls
    pls
    Participant
    May 26, 2016 at 12:09

    Nearly worked for me. But there is some troubles, see my screenshot: http://s33.postimg.org/lh9k72u25/Sk_rmbillede_2016_05_26_kl_13_08_48.png

    That was to Roberts answer for my question: “2. And is it possible to move the category description in the top to the bottom?

    Avatar: Robert Hall
    Robert Hall
    Participant
    May 26, 2016 at 12:18

    Hello,

    Please provide us with wp-admin and FTP credentials in Private Content and I’ll help you to move the category description.

    Regards,
    Robert Hall

    Avatar: pls
    pls
    Participant
    May 27, 2016 at 09:56

    Thanks Robert. Also please see problem with the black border around products.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant
    May 27, 2016 at 15:03

    Hello,

    I’ve changed this code for product border:

    .product {
       height: 450px;
    }

    Please check products now.

    Provide FTP details to move the category description to the bottom.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: pls
    pls
    Participant
    May 30, 2016 at 09:19

    Hi Eva,

    Ticket is solved . Thanks

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 30, 2016 at 09:23

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

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

The issue related to '‘frame around products’' 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.