Possible to import crafty shop on existing

Support
#1

Hello Forum,

I have an existing Pro site but I am not loving my woocomerce layout, I really like how Crafty has the shop page and just want that, Same hover and styling buy without overwriting everything.

Is this possible? I have tried changing my stack but not the same result, shop is same.

Whilst I’m here to prevent making a new thread I’ll ask the below.

Can you use the pro editor in product pages? To add content below the product info and price.

Thanks in advance

#2

Hi @NenadJovanovicCOM,

Thanks for reaching out.
The Crafty is not a Stack, you need to import the Craft from Pro > Design Clouds to get it. Although you can use the Content Builder for Products but we strongly recommend using the Layout Builder to create the Single WooCommerce layouts and assign it to the specific product(s) or all the products.

I would suggest you go through the following article and videos on how to use the Layout Builder for Single Template


Hope it helps.
Thanks

1 Like
#3

I had no clue this was included in Pro, Brilliant!

Could you help me with how I may be able to change the color on these notices?

Thanks

image
image1268×108 17.8 KB

#4

Hi Nenad,

Below is the CSS rule that styles the WC store notice, you can use that to modify its colors.

.x-alert-info, .buddypress #message.info, .bbp-template-notice.info, .woocommerce-info, .woocommerce-message {
    background-color: #d9edf7;
    border-color: #b3d1ef;
    color: #3a87ad;
}

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Cheers,

#5

Thank you so much, just one last one!

is there an easy way to set the position to the center? or even hide the product image in here and only have the images from the Product Gallery?

image
image1327×713 197 KB

#6

Never mind found a working solution for the above, The below should work for anyone reading this in future!

so now I have the full width product image I need and a secondary one in my product gallery cropped to the correct size, easiest way to do it from what I can tell.

#7

Hi Nenad,

Glad that you are able to find the solution and thanks for sharing it with others.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.