Shop Layout (Woocommerce)

[whitelightchase]

Hi, I am trying to set up my Shop Page but cannot seem to customize the layout.

I would like my Shop Page to look similar to my Portfolio works page, which is 3 column, fullwidth filled, Masonry layout.

Currently the product thumbnail remains a square no matter what I do.

Can you help me? Thank you!

[SeaTheme]

Hi,

The default shop page(a page named “Shop – Shop Page” , screenshot below) cannot be editor directly.

Please add a new page, edit it by the Grid or Masonry Grid, select the source as “Woocommerce”, refer to the video guide at 1:37 -> https://doc.seatheme.net/art/woocommerce-for-art/install-woocommerce/#video-guide

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[whitelightchase]

This reply has been marked as private.

[SeaTheme]

Hi,

Sorry, I thought it is Art theme. There is no the feature in the Air theme. Air theme doesn’t support the masonry grid.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[whitelightchase]

This reply has been marked as private.

[whitelightchase]

This reply has been marked as private.

[SeaTheme]

This reply has been marked as private.

[whitelightchase]

This reply has been marked as private.

[SeaTheme]

Welcome

The color option is in the Appearance > Theme Options > Schemes: Portfolio List / Title for Item

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[whitelightchase]

This reply has been marked as private.

[SeaTheme]

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

.product-caption {
    background-color: #000;
}
.product-caption,
.product-caption .product-caption-title {
    color: #fff;
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[whitelightchase]

THANK YOU it works great!

Sorry, how do I make the whole image clickable?
Currently you can only click when the mouse is over the text..

[SeaTheme]

It is not possible to make the whole image clickable. Because the add-to-cart button will be covered.

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[whitelightchase]

This reply has been marked as private.

[whitelightchase]

Hi,
Is there a way to make the text bigger?
Thank you!

[SeaTheme]

Hi,

What’s text? Title? Add to cart?

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[whitelightchase]

price and add to cart text, thank you!

[SeaTheme]

Please define the font size by the custom CSS code(“Appearance > Customize: Additional CSS”):

/*add to cart*/
.woocommerce.responsive-ux .product-caption .price {
    font-size: 18px;
}

/*price*/
.woocommerce .product-caption a.button { 
    font-size: 16px;
}

---

Regards!
SeaTheme – FAQs – Twitter – Facebook

[Author]

Posts