Question regarding Aroma Header and Content

Hi Angela,

Yes, importing Aroma would override the Shop layout you currently have. But all the customizations in the WooCommerce-related Page in Aroma are done through the Customizer and Additional CSS.

What you can do to revert the look is to export a copy of your Customizer settings, or better yet, take a screenshot of just your WooCommerce settings. Then import or replicate it manually after Aroma is imported.

Then, remove this CSS that will be imported:

.wp-block-button.wc-block-grid__product-add-to-cart a, .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    border-radius: 5px;
	  font-size: 17px;
}
.wc-block-grid__product-title {
    font: inherit;
    font-weight: 400;
	  font-size: 19px;
}

@media (max-width: 768px) {
    .wc-block-grid__products {
        margin-left: 0;
        max-width: 100%;
    }
		  .secondary-navigation {
         display: none;
    }
}

An alternative would be to recreate the Header as you've mentioned. It's a bit similar to the Avery Header. See here for reference: https://docs.generatepress.com/article/header-examples/#example-2

Hi Fernando,
That is a good solution for the shop layout!
I am worried that the products already in the shop will be lost or replaced when installing Aroma; I've seen that the theme has a few products for demo purposes. Could you please give me some advice about it?
Thank you for your quick reply

I see. If you're referring to the products going away or disappearing after importing Aroma, it shouldn't. Importing a template from the Site Library doesn't do this.

It would still be ideal to take a backup of your site before importing a Site Library Template.

Perfect!
Thanks for the great support.

You're welcome, Angela!