Chang layout of archive page

Hi
I would like to change order of text in loop item in shop and category page.
1. I want to move item price down and product short description up.
2. I want to show text in item loop about 5 lines I means before mouse over like this
first line itemcode . (I did it already I split it out from title)
second . itemname . (I did it already I split it out from title)
third and fourth. short description 2 lines
fifth . itemprice
I know some basic how to remove_action and add_action from my function.php in my child theme I try it and it’s not work
Please you guide me how to customize these layout Your theme is very good If I have new shop I will use your theme again.

Many Thanks

Hi,

Sorry, but we don’t quite understand what result do you want to achieve. Please, describe us your questions in a bit more details with screenshots.

Thank you in advance.

Hi
Sorry for my mistake I forget to attach image
I attached it already.

Attachments:

You must be logged in to view attached files.

Hi,

Try to edit the file content-product-base.php and move this code

    <div class="product-rating-price">
        <div class="wrapp-product-price">
            <?php
                /**
                 * woocommerce_after_shop_loop_item_title hook
                 *
                 * @hooked woocommerce_template_loop_rating - 5
                 * @hooked woocommerce_template_loop_price - 10
                 */
                do_action( 'woocommerce_after_shop_loop_item_title' );
            ?>
        </div>
    </div>

below this one

<div class=“hover-content”>
            <div class=“hover-content-inner”>
                <?php 
                    if ( woodmart_get_opt( ‘base_hover_content’ ) == ‘excerpt’ ) {
                        the_excerpt(); 
                    }else{
                        wc_display_product_attributes( $product );
                    }
                ?>
            </div>
        </div>

And add this to the custom CSS section

.fade-in-block .product-rating-price {
   margin-bottom: 10px;
}

Regards

Hi
It’s work now It’s really cool .
One more question Is it possible to show 5 lines in loop item before mouse over?
See in my attach.

Thank you so much

Attachments:

You must be logged in to view attached files.

Sorry, but we can’t change this functionality with a custom CSS code.

[Author]

Posts