Help with shop page

Hi. I`m beginner on WordPress so I have some questions.
1. How can I make bigger product images on shop page and make them full with like in https://snag.gy/YzQdOq.jpg
2. How to change the background color from white to gray or any other.
3. How to put price tag on product picture right upper corner ( without hover)
4. How to put product name on picture bottom ( without hover)
5. I want that when I click on picture in shop or in search products description page opens in quick view ( I have read in discussions that you have done that for some users)

Basically, I want my shop page to look like in screenshot
6. How can I put banner or categories picture under categories? like in demo https://demo.xtemos.com/basel/product-category/shoes/
7. Is it possible to put on my website the same blog page that you have in demo
https://demo.xtemos.com/basel/category/lifestyle/

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for choosing our theme and contacting us.

1. You can control your product images sizes in WooCommerce -> Settings -> Products -> Display.

2. Where do you want to change the background?

3 & 4. Sorry, but there is no such feature in our theme.

5. Could you please send us a link to the topic where you see that?

6. You can add the banner to your category description in Products -> Categories.

7. Of course, you can create the blog page in admin panel -> Pages and then set it to show your posts in Settings -> Reading.

Kind Regards
XTemos Studio

1. I mean how can i make product catalog image borders wider. So there would be almost no spaces between images just like in portfolio page but with no spaces on sides https://demo.xtemos.com/basel/portfolio/?projects4
Just like in the screenshot. In woocommerce settings I can’t make them any larger than it is right now.

2. I want to change white color on the shop page to light grey

Attachments:

You must be logged in to view attached files.

1. Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.products.row {
	margin-left:-1px;	
  	margin-right:-1px;
}

.products.row .product {
	padding-left: 1px;	
  	padding-right: 1px;
  	margin-bottom:1px;
}

.main-page-wrapper {
    background: #f4f4f4;
}

2. Change the header background in Theme Settings -> Header.

I added a code and space between images is as I wanted but on rights and left side of the page I still have 3cm empty space. Can you make the same 1px space from page left and right side aswell?

Please, upload an image smaller than 512 KB.

https://snag.gy/ahDdqA.jpg

If you want to make your site layout full width you can enable this option in Theme Settings -> General Layout. Unfortunately, it is not possible to do this for products only.

Regards

[Author]

Posts