Woocommerce - CODIBU https://help.codibu.com Hosting & Domain, Development & Design, SEO & Marketing, 2300+ Themes & Plugins, Free SEO analysis & tools Tue, 27 Dec 2022 06:43:25 +0000 en-US hourly 1 https://help.codibu.com/wp-content/uploads/2022/07/favicon.png Woocommerce - CODIBU https://help.codibu.com 32 32 Templates https://help.codibu.com/blog/templates/?utm_source=rss&utm_medium=rss&utm_campaign=templates https://help.codibu.com/blog/templates/#respond Wed, 17 Aug 2022 21:56:47 +0000 https://help.codibu.com/?post_type=kb&p=937

Templates

 

 

templates-woo

 
Templates are pre-defined layouts you can design using a back-end or front-end builder. You can create as many templates as you like and assign them for specific kinds of pages like Shop or Single Products. Moreover, you can control if the specific template should be displayed on pages by given categories or even tags. Conditions give you unlimited ability to create your own rules of where and what should be displayed.

 

 

display conditions woo

 
To create Templates, you can use the WooCommerce Builder, an awesome tool with plenty of included elements prepared by our team, especially for the WooCommerce.
 
 

 

The post Templates first appeared on CODIBU.

]]> https://help.codibu.com/blog/templates/feed/ 0 Wishlist https://help.codibu.com/blog/wishlist/?utm_source=rss&utm_medium=rss&utm_campaign=wishlist https://help.codibu.com/blog/wishlist/#respond Wed, 17 Aug 2022 21:56:28 +0000 https://help.codibu.com/?post_type=kb&p=936

Wishlist

Whenever you want to offer a Wishlist feature for potential customers, you can enable it in CodibuTheme > Theme Options > Blog, Portfolio & Shop > Shop > Wishlist section. You can also choose the page from the list where all products added to the wishlist would display or switch between their position next to the Add to cart button and on the product image.

CodibuTheme

 

 

wishlist-woocommerce

 
 
 

 

The post Wishlist first appeared on CODIBU.

]]> https://help.codibu.com/blog/wishlist/feed/ 0 How to set sidebar for Shop or Single Product? https://help.codibu.com/blog/how-to-set-sidebar-for-shop-or-single-product/?utm_source=rss&utm_medium=rss&utm_campaign=how-to-set-sidebar-for-shop-or-single-product https://help.codibu.com/blog/how-to-set-sidebar-for-shop-or-single-product/#respond Wed, 17 Aug 2022 21:55:45 +0000 https://help.codibu.com/?post_type=kb&p=935

How to set sidebar for Shop or Single Product?

 

To set a sidebar for any WooCommerce-related page like Shop or Single Product, you first have to go to Appearance > Widgets section and find Plugin | WooCommerce widget. The WooCommerce has a pre-defined Widget Area by default that can be populated with the exact widgets you need.

 

 

appearance - widgets

 

When it’s done, please navigate to CodibuTheme > Theme Options > Blog, Portfolio & Shop > Shop > Options section and choose if you want to display a sidebar on All pages or Categories & Shop only.

 

 

sidebar shop muffin options

 

In the next step, you have to go to the Shop page that we created earlier, and in Page Options, please select the sidebar layout you want for WooCommerce-related pages. It’s that simple.

 

 

sidebar page options shop

 
 
 

 

The post How to set sidebar for Shop or Single Product? first appeared on CODIBU.

]]> https://help.codibu.com/blog/how-to-set-sidebar-for-shop-or-single-product/feed/ 0 How to create a Single Product layout? https://help.codibu.com/blog/how-to-create-a-single-product-layout/?utm_source=rss&utm_medium=rss&utm_campaign=how-to-create-a-single-product-layout https://help.codibu.com/blog/how-to-create-a-single-product-layout/#respond Wed, 17 Aug 2022 21:55:28 +0000 https://help.codibu.com/?post_type=kb&p=934

How to create a Single Product layout?

With version 25, we have added the. This is nothing but the Codibu Builder with elements prepared specially for WooCommerce. You can use it as a frontend or backend editor just like while creating any other page or post.

Like the Shop page, the Single Product layout can be created in 2 ways. The faster and easier way is to set one of the pre-defined layouts and configure a few options like gallery style or thumbnail position in CodibuTheme > Theme Options > Blog, Portfolio & Shop > Shop > Single Product section.

 

 

single-product-woocommerce

 
The second method gives you much more control over creating your Single Product page. To create your product page, go to the Templates > Single product section and click Add new button to start creating a custom template.

 

 

templates - single product

 

At this point, you can decide if you want to build the website with the Live Builder or backend editor. Of course, you can switch between them at any time.

Apart from the available building standard pages and creating the Single Product page, we have added 13 extra items. These items are marked with the woo sign in the upper right corner of the item.

 

 

single product template

 
When you are done building your custom Single Product page, before its update, the popup with Conditions will appear. You can choose where you would like this custom template to appear in this step. You can include & exclude whole pages, product categories, or tags. Thanks to this, you can set different templates for different single products.

 

 

display conditions shop page

 
 
 

 

The post How to create a Single Product layout? first appeared on CODIBU.

]]> https://help.codibu.com/blog/how-to-create-a-single-product-layout/feed/ 0 How to create a Shop page? https://help.codibu.com/blog/how-to-create-a-shop-page/?utm_source=rss&utm_medium=rss&utm_campaign=how-to-create-a-shop-page https://help.codibu.com/blog/how-to-create-a-shop-page/#respond Wed, 17 Aug 2022 21:55:07 +0000 https://help.codibu.com/?post_type=kb&p=933

How to create a Shop page?

 

With version 25, we have added the woo builder. This is nothing but the Codibu Builder with elements prepared specially for WooCommerce. You can use it as a frontend or backend editor, just like for any other page or post.

A shop page can be created in 2 ways. The first way is the easiest and fastest method, but without the additional possibilities offered by the WooBuilder. All you have to do is create the Shop page without any content and in CodibuTheme > Theme Options > Blog, Portfolio & Shop > Shop > Layout section, just set things like products per page & layout. The products will display automatically due to the Shop page being set in WooCommerce > Settings > Products

 

 

woocommerce setting up the shop page

 
The second method gives you much more control over the creation of your shop page. In order to create your own shop page, go to the Templates > Shop archive section and click Add new button to start creating custom template.

 

 

templates - shop archive

 

At this point, you can decide if you want to build the website with the Live Builder or backend editor. Of course, you can switch between them at any time.

Apart from the Elements available for building standard pages, for creating the Shop page, we have added three extra items: Shop categories, Shop products, and Shop title. These items are marked with the woo sign in the upper right corner of the item.

 

 

shop page builder

 
When you are done building your custom Shop page, before its update, the popup with Conditions will appear. You can choose where you would like this custom template to appear in this step. You can include & exclude whole pages, product categories, or tags. Thanks to this, you can set different templates for different store pages.

 

 

display conditions shop page

 
 
 

 

The post How to create a Shop page? first appeared on CODIBU.

]]> https://help.codibu.com/blog/how-to-create-a-shop-page/feed/ 0 How to use WooCommerce Attribute Swatches https://help.codibu.com/blog/how-to-use-woocommerce-attribute-swatches/?utm_source=rss&utm_medium=rss&utm_campaign=how-to-use-woocommerce-attribute-swatches https://help.codibu.com/blog/how-to-use-woocommerce-attribute-swatches/#respond Wed, 17 Aug 2022 21:54:45 +0000 https://help.codibu.com/?post_type=kb&p=932

How to use WooCommerce Attribute Swatches

 
With the CodibuTheme V25, you can create custom attribute swatches for products like colors, buttons, or images. Below, in a few steps, we will try to explain the process of adding your attributes as simply as possible.

Adding Attributes

To add custom attributes, please navigate to Products > Attributes

 

 

products attributes list

 
On the left side, you have an option to add new attributes, but the list of already existing ones is on the right. All you have to do to add a new attribute is populate fields like Name or Slug and click the Add attribute button.

Adding Terms to an Attribute

Once you have added a new Attribute, you can add Terms to that Attribute. To do this, click Configure Terms button next to the specific Attribute.

 

 

adding-term-to-an-attribute

 
As in the case of adding an Attribute, on the left, we have the option of adding new Terms, while on the right is a list of them.

Adding Attributes to Product

Once you have added Attributes and configured its Terms, you can assign them to individual products. This can be done from the edit/add product level. From the dropdown list of product data, please select Variable Product.

 

 

adding attributes to product

 
In the next step, you can select attributes from the list for that specific product you are working on and click Add button. The attributes available in the selection are the same ones that were created above.

 

 

select attribute for product

 
Finally, you can set specific values for different attributes. Of course, you can add various attributes to the same product.

 

 

set values for product attributes

 

Adding Product Variations

Once you have added custom product attributes, you can finally create variations of products. To do that, please choose the Variations tab on the list. There are two ways to populate product with variations:

  • Create variations from all attributes automatically
  • Add variations manually one by one

 

 

variations from attributes

 
 
 

 

The post How to use WooCommerce Attribute Swatches first appeared on CODIBU.

]]> https://help.codibu.com/blog/how-to-use-woocommerce-attribute-swatches/feed/ 0