Tagged: H1, price, Product page
Hi,
I would like to make the following changes in the shop product page :
1 ) have the title up where it is written Shop (- where the H1 normally shows )
2) have the price aligned on the right – and if possible in the same bar where it is written shop
3) take out the UGS, category and tag
this would make the page much more the one in Abundance shop that we had previously. thanks a lot
Hi anniet!
Send us a link to your page and we’ll take a look. You can set your reply as private if you wish.
Best regards,
Elliott
Here you are,
If there is also a way to increase the size of the main image, it would be much appreciated…
Any idea ?
Hi!
Add this to your custom CSS.
.sku_wrapper { display: none !important; }
.single-product .product_title {
position: absolute;
top: -100px;
left: 0px;
}
.single-product .price {
position: absolute;
top: -100px;
right: 0px;
}
.single-product .main-title, .single-product .main_title { display: none !important; }
You can change the product image sizes in Dashboard > Woocommerce > Settings > Products > Display.
Regards,
Elliott
Hi Elliott,
Thanks a lot. It functions well the price and the title are up. It looks definitely better
But
1) The title is orange and I would like it to be black as in other parts of the site
2) The stars are cut in half
Hi!
Add this.
.entry-summary .woocommerce-product-rating {
top: 0px !important;
}
h1.entry-title, h1.entry_title { color: black !important; }
Cheers!
Elliott
Thanks, it works fine.
any idea to have the description use full width ?
Hi!
Add this.
.single-product-summary {
overflow: visible !important;
}
Regards,
Elliott