Reply To: Customize shop page

Hello,

1. Here is a code for this

div.shop-loop-head {
	margin-bottom: 5px;
}

2.

div.product-labels {
    right: 0;
    width: 100%;
    max-width: 100%;
}

.product-label.new {
    position: absolute;
    right: 0;
}

3 & 4. Unfortunately, it is not possible without additional code customization.

5.

.woodmart-hover-base.state-hover .wrapp-swatches, 
.woodmart-hover-base:hover .wrapp-swatches {
    -webkit-transform: translateY(-2px) translateZ(0);
    transform: translateY(-2px) translateZ(0);
}

6. As you can see, the list view is already full width but you don’t have enough description text for this https://gyazo.com/0115904c255de3504750302916f9a757

Scroll effect can be disabled in Theme Settings -> Shop -> Scroll to top after AJAX.

Regards