[Support request] Question About Making Website Using GeneratePress Theme

Hi Sumit,

Your single product template seems almost similar to the default template. You’ll likely need just a little CSS. If you can provide the link to your current site, we can try to assist you with the code.

As for the collection page, you can achieve that through the WooCommerce Customizer settings. Here’s an article you may refer to: https://docs.generatepress.com/article/woocommerce-overview/

I meant the one already using the GeneratePress theme.

If it’s in a staging site, that would be great.

The one you linked is still using Astra.

Alright! On the shop page, what specific layout from your Original site are you wanting to implement?

I see. Can you try adding this through Appearance > Customize > Additional CSS:

@media(min-width: 769px) {
  #wc-column-container .products {
    grid-gap: 40px 5px;
  }
}

Modify the two values to your preference.

Then, you can add this as well so that the image doesn’t overflow the container on hover:

.woocommerce .woocommerce-archive-wrapper .inside-wc-product-image {
  overflow: hidden;
}

I see. Try this instead:

@media(min-width: 769px) {
    #wc-column-container .products {
        column-gap: 20px;
    }

    #wc-column-container .products .inside-wc-product-image {
        width: 100%;
    }
}

It’s the same exact gap value as your Astra site.