SHOP PAGE

Hello guys, I’m setting up a new store with BASEL theme. Is there any code I can add to have this kind of shop structure? Please check link in private content.

I would like to have:
– full grid products as link with no side margin both sides.
– product details inside the product box, not under the products pictures as Basel has.

Another question: where can I make the main menu with transparent background? I can’t find it. 🙁

Hello,

1. You need to activate full width layout in Theme Settings -> General layout and provide us your shop page link so we can check how it looks and maybe add some extra code for this.

2. We need to check your website also.

Regards

Here it is (private content):

Seems that you didn’t activate the full width layout in Theme Settings.

Yes, I did, See attachment.

Attachments:

You must be logged in to view attached files.

Sorry, we meant Content full width if you want to make it full screen as on your example.

ok, just did it, it seems nothing changed.

Yes, it changed. But now you need to increase your images sizes to make it look better https://gyazo.com/406b94399c1d624e7659619e540f3fae
Or it would be better to keep it boxed?

No, I want them as the link I sent you, Could you suggest me right image size?

To make it look like on the example you sent, you need to increase your images to the size as on your example. Check this image http://www.gentlemonster.com/data/item/1515116847/AFIX02_1_3_aa_1_aa.jpg

I tried bigger image, currents are 1700×2200 but i still see white space between them. Could you help me on this?

Try to add the following code snippet to the Custom CSS area to remove space between products.

body .product-grid-item {
	padding-left: 0;
	padding-right: 0;
	background-color: #F5F5F5;
	margin-bottom: 0;
	padding-bottom: 50px;
}

body .product-grid-item .product-title {
	text-align: center;
}

body .product-grid-item .wrap-price {
	justify-content: center;
	-webkit-justify-content: center;
}

body .basel-hover-alt .price {
	text-align: center;
}

Regards

Thanks, it works. Is there any code snippet to insert product name and prices in overlap on the photo taking photo color brackground?? I see you add it below as a different element, I ask this because adding the product info below the photo photo become very long and also not always pictures ahve grey back ground. Thanks!

Try to replace previous code with this one

body .product-grid-item {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

body .product-grid-item .product-title {
	text-align: center;
	position: absolute;
	bottom: 42px;
	left: 0;
	right: 0;
}

body .product-grid-item .wrap-price {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	justify-content: center;
	-webkit-justify-content: center;
}

body .basel-hover-alt .price {
	text-align: center;
}

body .basel-hover-alt .product-element-top {
	margin-bottom: 0;
}

Regards

Thank you! It works! 🙂 Any chance to take off also later white sides stripes?

Attachments:

You must be logged in to view attached files.

Use this code for it

body.wrapper-full-width-content .container {
	width: 100%;
}

Regards

Thank you very much!

You are welcome!

Hello, Sorry If I write again on this, but Woocommerce update changed something on the visualization regarding this topic, some questione:

– I see now “sunglasses category” on the Shop Page.. how can I take it off? https://www.gast-shop.com/shop/
– Category page (es. Sunglasses https://www.gast-shop.com/product-category/sunglasses/) shows a white stripe with the price, while I don’t have it on Shop Main Page (https://www.gast-shop.com/shop/). How can I take it off? Before updating Woocommerce I didn’t have it.

Thanks, Mattia

Hello,

Please, update the theme to the latest version firstly.

Regards

I still see 3.8 on website, I mean picture shows 3.9, but if i download it it’s the 3.8.

I didn’t get any emails regarding product update.

Thanks, Mattia

We just checked and there is 3.9 uploaded to ThemeForest. Try to download all files and take basel.zip from the main package zip.

Please see attachment, it is 3.8. 🙁

Attachments:

You must be logged in to view attached files.

But you need to use basel.zip, not basel_3.8.zip.

Ok, thanks! It works. 🙂

Great, you are welcome!

[Author]

Posts