fbpx

Documentation: CraftyCommerce Pro

Support

CraftyCommerce Pro

CraftyCommerce Pro is a Customizable WordPress theme powered by WordPress Full Site Editing. Crafty Commerce Pro is WordPress theme for ecommerce, designed to cater to the needs of e-commerce businesses and artisans who want to showcase their products and services in a professional and engaging manner.

With built-in blocks and patterns, templates, and template parts you can easily showcase your products. CraftyCommerce Pro allows you to personalize your store to match your brand identity with easy full site editing. You can easily customize your website in just a few clicks

You can open site editor and start customizing block patterns. You can easily drag and drop blocks and patterns provided by theme and start editing.

We have added pre-define pattern which are perfect to create beautiful website in no time.

You can also add blocks inside pattern which are explained below.

Blocks in CraftyCommerce Pro Pro

There are 8 blocks in CraftyCommerce Pro:

  1. Skills Bar
  2. Masonry
  3. Popup Video
  4. Header Search
  5. Header Social
  6. Icons
  7. Slider
  8. Tabs

List of Patterns in CraftyCommerce Pro

  1. Featured Slider
  2. Call to Action
  3. Cover With Archive Title
  4. Cover with Post Title
  5. Discount Code
  6. Error 404
  7. Feature Banner Main
  8. Feature Banner One
  9. Featured Banner Three
  10. Feature Banner Two
  11. Feature Category Two
  12. Featured Category
  13. Feature Product
  14. Footer
  15. Pricing
  16. Header Three
  17. Header Two
  18. Header
  19. Home Page Two
  20. Home Page
  21. Latest News
  22. Latest Product
  23. Main Banner
  24. Our Partner
  25. Popular Product
  26. Product Column
  27. Product Sidebar
  28. Service
  29. Shop Title Cover
  30. Sidebar
  31. Trending Product

List of Template in CraftyCommerce Pro

  1. All Archive
  2. Archive Product(Sidebar on Left)
  3. Archive Product(Sidebar on Right)
  4. Blank
  5. Blog Home
  6. Blog Page(Full Width Grid View)
  7. Blog Page(Sidebar on Left)
  8. Blog Page(Sidber on Right)
  9. Cart
  10. Checkout
  11. Index
  12. Order Confirmation
  13. Page(No Title/Feature Image)
  14. Page:404
  15. Pages
  16. Product Catalog
  17. Product Search Results
  18. Products by Attribute
  19. Products by Category
  20. Products by Tag
  21. Search Results
  22. Single Posts
  23. Single Product

List of Template Parts in CraftyCommerce Pro

  1. Product Sidbebar
  2. Sidebar
  3. Checkout Header
  4. Header
  5. Footer
  6. Mini-Cart

Working with Blocks and Pattern

CraftyCommerce Pro is block based theme for WordPress full site editing. Full site editing is a set of new WordPress features that helps us edit all parts of our website: Block themes, template editing, site blocks, and global styles.
Go to this link for more information about blocks and patterns

How to add Blocks?

Adding blocks is also same as adding patterns. Furthermore, you can add block inside patterns.
Just drag and drop or click on “+” sign to open tool box search for block you want to add then edit accordingly.
Here are steps to add blocks to your website:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Blocks
  3. Scroll down to find CraftyCommerce Pro Blocks or simply search blocks from search bar
  4. Then Drag and Drop block in desired area
  5. You can also add block by clicking on “+” sign in the content itself search for block you want to add
  6. Make required changes and Click save to save changes

How to add Pattern?

Adding Patterns in CraftyCommerce Pro is very easy, you will have to drag and drop pattern in desired area and start editing.
Here are few steps to add patterns in your website:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
  4. Simply drag and drop patterns to desired area
  5. Then you can start editing sections of your pattern
  6. Click Save after you are done editing

How to edit section of patterns?

Full site editing is all about editing patterns as per your convenience in editor itself. You can preview changes made in editor, no need to go to front end to load changes you made.
Here are step to edit sections of pattern after you add desired pattern to New/Edit, page or post:

  1. After adding patterns make sure you click on save
  2. Start editing section of pattern such as image, text or you can add pattern itself
  3. Simply click on pattern to start editing, after clicking on pattern tool box will appear you can change image, edit, remove certain section
  4. Click setting button on top right of the editor to edit further advance sections like Color, Typography, Dimensions and so on
  5. Finally, Click “Save” to save changes

Note:Apply this method for all Patterns, but the option provided by patterns varies according to the design of patterns

Working with Navigation Block(Add Edit Menu)

Click Here for more information about Navigation Block

For menu option click on Appearance -> Editor -> Navigation, you will find
2 predefined navigation option(Header Navigation2, Header Navigation) in CraftyCommerce Pro.
Here are few images to add edit menu:

We have listed few instructions of the main Patterns supported by CraftyCommerce Pro:

Feature Slider

CraftyCommerce Pro support feature slider pattern, in this pattern you can show highlight of your product in slider view.
Here is how you add feature slider:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
  4. Simply drag and drop default Feature Slider to desired area
  5. Then you can start editing sections of your pattern by clicking on default feature slider text
  6. To replace default image you can open list view option from top left button and open the slider then replace default image
  7. For more advance option click on setting icon on top right of the editor. Here you can edit, number of slides, number of slides being displayed in view oprt, enable disable controls, enable/disable autoplay, enable/disable dots(pagination)
  8. Click Save after you are done editing

Feature Category

Fearue Category pattern in CraftyCommerce Pro is pattern supported by Woocommerce. Here you can display the category of products you sell.
Here is how you add feature category:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
  4. Simply drag and drop default feature category to desired area
  5. Then you can select category from the list that you want to display
  6. Click on the content itself to change image, text
  7. For more advance option click on setting icon on top right of the editor.
  8. Click Save after you are done editing

Footer

Footer in CraftyCommerce Pro has four layout, you can add or remove pattern in the default layouts or edit the default text.
Here is how you add and edit default footer:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
  4. Simply drag and drop default footer to desired area
  5. Then you can start editing sections of your pattern by clicking on default footer itself
  6. For more advance option click on setting icon on top right of the editor. Edit as per your need
  7. Click Save after you are done editing

Services

Services pattern in CraftyCommerce Pro allow you to display kind of service you provide in meaningful icons. It supports 5 columns with some text.
Here is how you add services pattern:

  1. Go to New/Edit, page or post
  2. Click on “+” sign on the top left bar to display Blocks and Pattern, Click on Pattern
  3. Click on dropdown menu and select “CraftyCommerce Pro” to see list of pattern provided by CraftyCommerce Pro or you can search patterns from search bar itself
  4. Simply drag and drop services to desired area
  5. Then you can start editing sections of your pattern by clicking on services itself
  6. For more advance option click on setting icon on top right of the editor, then click on each section such to open editor such as styles, layout, position
  7. Edit as per your need
  8. Click Save after you are done editing