For a simple product, the pricing is straightforward and typically involves a single price. Customers are chargedthe same amount regardless of any specific variations or options.
Pricing of a Product with Variations
When it comes to a product with variations, the pricing model becomes more complex. This typically involves offering thesame base product with different options, such as size, color, or features.
Let's consider a simple example of pricing for variants of a product, such as T-shirts:
Variant Type: Color
Red
White
For this example, we can use the tiered pricing approach:
Red color T-shirt: $10
White color T-shirt: $12
WooCommerce provides a built-in way to add these options to a product page. This system consists of two basic features: 'attributes' and 'variations'. Attributes in WooCommerce refer to the characteristics of a product that can be used for creating variations. Variations are the specific combinations of attributes that create different versions of a product.
For this example: Attribute: Color Variations: Red, White
A second feature can be added to this product, for example: Attribute: Size Variations: Small, Medium, Large
To use variations in WooCommerce, you first need to set attributes.
How to setup variations and create variable product in WooCommerce?
Set up attributes for WooCommerce products
In the WordPress dashboard, go to "Products" > "Attributes".
Type the new "Attribute" name (Example: Color). Click the "Add attribute" button.
Once you hit the Add attribute button, your new attribute will appear in the menu to the right.
From there, click on the link that reads "Configure terms" next to the Attribute you’ve just created.
Enter the name of the value that the "Attribute" can take (Example: Red).
Add all possible values one by one (Example, other colors: White...)
In this example we created a "Color" for the "Attribute". There are two options for "Color": "Red" and "White".
Create a variable WooCommerce product
Assign attributes to the product:
Go to "Products" > "Add New". Enter data such as the name, category, etc. Scroll down to the "Product data" section.
Change the "Simple product" drop-down menu value to "Variable product".
Determine a unique stock code for this variable product and enter it in the "SKU" field.
Click on the "Attributes" tab and select the ones you will use for the product.
You will see the names previously assigned for "Attributes".
Select the values that "Attributes" can take.
Add all at once with "Select All", or manually select one by one.
Make sure that "Visible on the product page" and "Used for variations" are checked.
Click the "Save attributes" button.
Add variations to the product
Switch to the "Variations" tab.
"Generate variations" button adds all possible combinations of the added attributes. Or add a new variation manually.
Confirm this notification and continue: Do you want to generate all variations? This will create a new variation for each and every possible combination of variation attributes (max 50 per run).
Show collapsed product editing areas.
Use the "Expand / Close" and "Edit" buttons.
Under each variant, be sure to enter the price and SKU number settings for that variant.
When you have finished making all changes, click the "Save changes" button.
Aşağıda adım adım anlatımı yapılan kılavuzda ürünlerin sadece fiyatlarının nasıl güncelleneceği açıklanmıştır. Ürünlerin "Etiket", "İsim", "Açıklama" ve "Stok" gibi diğer bilgilerini de aynı şekilde toplu olarak güncelleyebilirsiniz.
1) Sol dolaşım menüsünden "Ürünler" » "Tüm ürünler" bağlantısını tıklayın.
2) "Dışa aktar" düğmesini tıklayın.
3) "Hangi sütunlar dışarı aktarılmalı?" satırının sağındaki giriş kutusunu tıklayın. Şunları seçin ve ekleyin: Kimlik, Stok kodu (SKU), Normal fiyat, İndirimli satış fiyatı, İsim
"CSV oluştur" düğmesini tıklayın.
4) Dosyanın hazırlanmasını bekleyin. Ürün sayısına bağlı olarak bekleme süreniz değişebilir.
5) İndirdiğiniz csv dosyasını OpenOffice Calc yazılımı ile açın.
6) Ekran görüntüsünde görülen ayarlarla dosyayı açın. Kolonların virgillerle ayrılması ve yazı alanlarının çift tırnak içinde olduğunun belirtilmesi önemlidir.
7) Fiyatları aynı kalacak olan ürünlerin olduğu satırları silmemiz yararlıdır.
Bir satırı silmek için satır numarasını sağ tıklayıp "Delete Rows" seçeneğini tıklayın.
Art arda satırları seçmek için klavyenin "Ctrl" tuşu basılı iken satır numaralarını tıklayarak seçin. Sonra seçili satırlardan birini sağ tıklayıp "Delete Rows" seçeneğini tıklayın.
Alt alta bulunan satırları silmek için bir satır numarasını tıklayıp fareyi sürükleyin. Sonra seçili satırlardan birini sağ tıklayıp "Delete Rows" seçeneğini tıklayın.
8) Örnek olarak üç ürünün fiyatında değişiklik yapacağız. Hem Normal fiyatı, hem de İndirimli satış fiyatı bir arttıralım. Kesirli sayıları nokta ile ayırmaya dikkat edin. Satır sayınız çok fazla ise "Stok kodu (SKU)" ve "İsim" gibi değişiklik olmayacak sütunları silerseniz içe aktarma işleminiz daha hızlı olacaktır. Satır silme işlemindeki gibi, bir sütunu silmek için sütun ismini sağ tıklayıp "Delete Columns" seçeneğini tıklayın.
11) Ekran görüntüsündeki ayarları yapın. Karakter setini "Unicode (UTF-8)" yapın. "Quote all text cells" seçeneğini tıklayarak seçin. "Ok" düğmesini tıklayarak dosyayı kaydetme işlemini tamamlayın.
12) İsterseniz kaydettiğiniz dosyayı bir yazı düzenleyici yazılım ile açarak denetleyin. Kolon değerleri virgüllerle ayrılmış ve ondalık ayraçları için nokta kullanılmış olmalıdır.
"Stok kodu (SKU)" ve "İsim" sütunlarını silip silmediğinize göre dosya içeriği şuna benzer olacaktır:
"Kimlik","Stok kodu (SKU)","İsim","İndirimli satış fiyatı","Normal fiyat" 3423,"BLKNT-01","Bloknot Baskı",,4 3427,"SAAT-01","Saat Modelleri ve Baskısı",46,51 3434,"KALEM-01","Promosyon Kalem Baskı","2.25","2.5"
"Kimlik","İndirimli satış fiyatı","Normal fiyat" 3423,,4 3427,46,51 3434,"2.25","2.5"
13) Sol dolaşım menüsünden "Ürünler" » "Tüm ürünler" bağlantısını tıklayın. Açılan sayfadaki "İçe aktar" düğmesini tıklayın.
14) "Bilgisayarınızdan bir CSV dosyası seçiniz:" yazısını veya yanındaki dosya giriş kutusunu tıklayıp kaydettiğiniz csv dosyasını seçin.
"Mevcut ürünleri güncelle" seçeneğini tıklayarak seçili hale getirin. Sadece mevcut ürünlerin verileri güncellenecektir.
"Devam et" düğmesini tıklayın.
15) "Kimlik","İndirimli satış fiyatı","Normal fiyat" kolonlarının eşleştiğini denetledikten sonra "Aktarıcıyı çalıştır" düğmesini tıklayın.
16) İşlemin tamamlanmasını bekleyin. Ürün sayısına bağlı olarak bekleme süreniz değişebilir. Güncelleme tamamlanınca aşağıda gösterildiği gibi güncellenen ürünlerin bilgisini göreceksiniz.
It allows you to automatically add hierarchical categories to WordPress navigation menus using shortcodes. All sub-categories, if any, are also dynamically created in sub-branches. If you have a long list of categories and subcategories, it takes a lot of time to select items one by one in the WordPress menu section. When there is a change in the categories, it is necessary to add / remove / change the order again in the menu. This WordPress plugin makes it programmatic. Creates auto populated menu with categories.
Automatically Hierarchic Categories in Menu Pro
You can see what the plugin does and how it works with the free version. Pro version works together with the free version, and extends it. More parameters become available with the Pro version.
To get the Pro version by donating or to make the plugin compatible with your theme, you can contact me by filling out the form or write to me on Telegram. Each deal is for one domain. There is no time limit, it can be used for lifetime. You can send your donation to my crypto wallet very quickly. Also, you can transfer money using Binance Pay with zero commissions - fees - charges. If you are not a member, you can create an account by following this link (with reference).
Pro features:
⭐ Custom taxonomy compatibility (tag, custom post category)
⭐ Add sub item at the beginning / end of the link text
⭐ Trailing slash on url link
⭐ Removed credits link
⭐ Show the number of posts in a category
⭐ Selecting root items to be included in the menu by ID
⭐ Sorting menu items (Alphabetical ascending - descending)
To-do list:
☐ Add active CSS class to current element
☐ Using the category's image in the menu item (icon, flag etc.)
Customization is required for themes that use a complex menu structure. I can offer you a professional solution for this. Set up a staging site that is an exact copy of your production website on a temporary domain or subdomain for customization and development. Create your goal menu with manually added items. I can ask you to give me access as an administrator. This will help me to check the structure of the menu and find the solution.
How to automatically add hierarchic categories in WordPress Navigation Menus ?
If you like the plugin, please give 5 stars. Your positive feedback is important for me.
This plugin works well with many themes. If you are using a theme that uses a standard menu structure, the plugin generates the menu with zero configuration. However, some themes produce menus with a different structure. HTML elements and/or their CSS class names may differ. In this case the menu will not appear correctly on your website according to your theme. This is because of your theme, not the plugin. HTML and CSS knowledge may be required depending on the theme. If you have HTML and CSS knowledge, there is the possibility to adapt it to your theme using parameters. For themes that use complex menus, getting Pro version and customization would be the solution for you.
Usage
You can make some customizations for your theme by using parameters and values in the shortcode.
Parameters
Parameter Default Description
taxonomy category taxonomy type
exclude false exclude taxonomy id(s)
level 2 hierarchy max level
prnt_tag ul parent tag, dom name
prnt_cls sub-menu parent tag, class
chld_tag li child tag, dom name
chld_cls menu-item child tag, class
chld_chc menu-item-has-children child tag, has children class
chld_cid false add id to class
a_cls false default link class
subi_bfr false sub item, before for has children item
subi_aft false sub item, after has children item
nline "\n" new line
linkget false extra get parameter after link
hide_empty 1 hide categories with empty items
taxonomy:
Type of 'taxonomy'. Do not ignore this parameter for post categories. To use WooCommerce product categories as menu items, give the value 'product_cat'. Example: [autocategorymenu taxonomy="product_cat"]
exclude:
Use this parameter for the categories that you want to exclude in the menu. Specify the category IDs that you want to exclude. Combine ID numbers with commas without spaces. Example: exclude="123,124"
level:
Maximum level limit value. If you give the value '1', only the items at the top root level are included in the menu. No subcategories are added to the menu. if you set the value '2', the root categories and the subcategories of these categories are added to the menu.
prnt_tag:
Parent tag's dom name. The HTML element that will enclose the menu items.
prnt_cls:
Parent tag's class. The class value of the HTML element that will contain the menu items.
chld_tag:
The HTML element in which the menu items are sorted.
chld_cls:
The class value of the HTML element that is a menu item.
chld_chc:
The class value of the menu item that has a subcategory.
chld_cid:
To add the ID of the menu item to the class of the menu HTML element, give the value '1'.
a_cls:
To assign the class value of the HTML address link element (a), set a value.
subi_bfr:
The content before the element (a) of the menu item, which is a subcategory.
subi_aft:
The content after the element (a) of the menu item, which is a subcategory.
nline:
Adds new lines after each HTML element. It ensures the readability of the source code. Give a null value to minimize the HTML code. Example: nline=""
linkget:
Get extra parameter after link. The link address domain.com/category instead of domain.com/category?reg=val to replace it with, give the value reg=val.
hide_empty:
By default, categories that do not have any posts in them are not added to the menu. To add categories that do not contain posts to the menu, give the value '0'.
Content before the name of the menu item that has the subcategory.
subi_ate
Content after the name of the menu item that has the subcategory.
t_slash
Add trailing slash end of the link.
txtcount
Add total post count to category name. Sample value: " (%s)", Sample result: "Travel (5)"
cntnr_1s
Content before the HTML element enclosing (default ul) the subcategory list.
cntnr_1e
Content after the HTML element enclosing (default ul) the subcategory list.
prnt_co1
CSS selector value to overwrite after level 1 of the class of the HTML element (default ul) containing the subcategory list.
prnt_ca1
CSS selector value to be added after level 1 to the class of the HTML element (default ul) containing the subcategory list.
startids
Selection of root items to be included in the menu by ID. Type the ID(s) of the categories. To exclude the category itself and include all its subcategories, type the negative of the ID value. Combine multiple IDs with commas without spaces. For example: "101,102,-103"
sortname
Sort the category items alphabetically. Available values: "ASC", "DESC"
fn_custom
It is used for special functions written for a fee for theme menus whose structure is not standard.
Sample shortcode (⭐= Pro )
Menu tree
Sample screen
Show all categories, even if there is no post in them:
[autocategorymenu level="4" hide_empty="0"]
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───■ Cat Id 32
│ │ ├───● Cat Id 321
│ │ ├───● Cat Id 322
│ │ └───● Cat Id 323
│ └───● Cat Id 33
└───■ Cat Id 4
└───■ Cat Id 41
└───■ Cat Id 411
└───● Cat Id 4111
Include only the category with ID number 2 and all categories in its sub-hierarchy:
⭐[autocategorymenu startids="2"]
────■ Cat Id 2
├───● Cat Id 21
└───● Cat Id 22
Include only the category with ID number 32 and all categories in its sub-hierarchy, move 2rd level target category to root level:
⭐[autocategorymenu startids="32"]
────■ Cat Id 32
├───● Cat Id 321
├───● Cat Id 322
└───● Cat Id 323
Include all subcategories of the category with ID number 3 without including itself:
⭐[autocategorymenu startids="-3"]
┌───● Cat Id 31
├───■ Cat Id 32
│ ├───● Cat Id 321
│ ├───● Cat Id 322
│ └───● Cat Id 323
└───● Cat Id 33
Include multiple items at once:
⭐[autocategorymenu startids="1,2,-411"]
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
└───● Cat Id 4111
Sort the menu items in descending order:
⭐[autocategorymenu level="4" sortname="DESC"]
┌───■ Cat Id 4
│ └───■ Cat Id 41
│ └───■ Cat Id 411
│ └───● Cat Id 4111
├───■ Cat Id 3
│ ├───● Cat Id 33
│ ├───■ Cat Id 32
│ │ ├───● Cat Id 323
│ │ ├───● Cat Id 322
│ │ └───● Cat Id 321
│ └───● Cat Id 31
├───■ Cat Id 2
│ ├───● Cat Id 22
│ └───● Cat Id 21
└───● Cat Id 1
WoodMart Theme Mobile navigation auto menu:
⭐[autocategorymenu level="4" chld_cls="menu-item menu-simple-dropdown wd-event-hover" a_cls="woodmart-nav-link" prnt_cls="wd-sub-menu" prnt_co1="sub-sub-menu"]
Setup: Appearance > Menus > Manage Locations > Main Menu > [Menu Name]
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───■ Cat Id 32
│ │ ├───● Cat Id 321
│ │ ├───● Cat Id 322
│ │ └───● Cat Id 323
│ └───● Cat Id 33
└───■ Cat Id 4
└───■ Cat Id 41
└───■ Cat Id 411
└───● Cat Id 4111
Setup: WoodMart > Header Builder > Header Base (Edit) > Desktop > Header bottom > Main menu (Edit) > Choose menu > [Menu Name]
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───■ Cat Id 32
│ │ ├───● Cat Id 321
│ │ ├───● Cat Id 322
│ │ └───● Cat Id 323
│ └───● Cat Id 33
└───■ Cat Id 4
└───■ Cat Id 41
└───■ Cat Id 411
└───● Cat Id 4111
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───■ Cat Id 32
│ │ ├───● Cat Id 321
│ │ ├───● Cat Id 322
│ │ └───● Cat Id 323
│ └───● Cat Id 33
└───■ Cat Id 4
└───■ Cat Id 41
└───■ Cat Id 411
└───● Cat Id 4111
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───● Cat Id 32
│ └───● Cat Id 33
└───■ Cat Id 4
└───● Cat Id 41
Flatsome Theme desktop Main Menu: Please donate
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───● Cat Id 32
│ └───● Cat Id 33
└───■ Cat Id 4
└───● Cat Id 41
Flatsome Theme mobile Main Menu: Please donate
┌───● Cat Id 1
├───■ Cat Id 2
│ ├───● Cat Id 21
│ └───● Cat Id 22
├───■ Cat Id 3
│ ├───● Cat Id 31
│ ├───■ Cat Id 32
│ │ ├───● Cat Id 321
│ │ ├───● Cat Id 322
│ │ └───● Cat Id 323
│ └───● Cat Id 33
└───■ Cat Id 4
└───■ Cat Id 41
└───■ Cat Id 411
└───● Cat Id 4111
Woodmart Demo - test environment: Imported "Woodmart Main" prebuilt website on theme version 7.1.4, WordPress version 6.3.1, PHP version 7.4 / 8.2, WooCommerce Version 8.1.1
Flatsome Demo - test environment: Imported "Classic Shop" prebuilt website on theme version 3.15.6, WordPress version 6.3.1, PHP version 7.4 / 8.2, WooCommerce Version 8.1.1
= Version 2.0.4 =
* Modified: Info links
* Bumped up "Tested up to: 6.4.2"
= Version 2.0.3 =
* Modification: (Minor) Interface
* Bumped up "Tested up to: 6.3.1"
= Version 2.0.2 =
* Fixed: Pro version compatibility
* Bumped up "Tested up to: 6.3"
= Version 2.0.1 =
* Edited: Info text
* Bumped up "Tested up to: 6.2"
= Version 2.0.0 =
* Added: New option, add item id to menu item class
* Added: Taxonomy list on admin panel
* Added: Expandable with paid Pro version
* Dropped: Custom taxonomy support
* Bumped up "Tested up to: 6.1.1"
= Version 1.02 =
* Added: Null array item handler for base category path in PHP
* Fixed: Broken support link
* Bumped up "Tested up to: 6.0.1"
Your store may appear blank right after WooCommerce is installed. There is no product, order or review. This is deliberate so you can start building your own products and tuning the WooCommerce product exactly the way you want it.
But if you want to see what a store full of products looks like, you can batch upload a product using an xml or csv file with a list of products.
WooCommerce Products Import
Download the WooCommerce demo products csv file to your computer:
Download sample CSV file
Then it's time to load!
From the WordPress Dashboard:
1) In the menu: Select Tools > Import .
2) Click Run importer under WooCommerce products (CSV).
3) Choose Choose file and then select the woocommerce-sample-products.csv file you downloaded.
4) A Column Mapping screen appears. Go ahead and finish the process.
WooCommerce yüklendikten hemen sonra mağazanız boş görünebilir. Ürün, sipariş, inceleme yoktur. Bu kasıtlıdır, böylece kendi ürünlerinizi oluşturmaya ve WooCommerce ürününü tam olarak istediğiniz gibi ayarlamaya başlayabilirsiniz.
Fakat ürünlerle dolu bir mağazanın neye benzediğini görmek isterseniz, ürün listesi içeren bir xml veya csv dosyası kullanarak toplu ürün yükleme yapabilirsiniz.
WooCommerce Ürünleri İçe Aktarma
Dosyayı bilgisayarınıza indirin:
Örnek CSV dosyası indir
Daha sonra yükleme zamanı!
WordPress Panosundan:
1) Menüde: Araçlar > İçe aktar'ı seçin.
2) WooCommerce ürünleri (CSV) altındaki İçe aktarıcıyı çalıştır'ı tıklayın.
3) Dosya seç öğesini seçin ve ardından indirdiğiniz woocommerce-ornek-urun-turkce.csv dosyasını seçin.
4) Bir Sütun Eşleme ekranı belirir. Devam edip işlemi bitirin.
Contents CSS chat button Paid Pro Version Download Usage Screenshots Changelog Compact, Simple,...
HIRE ME 👋
Are you in need of a skilled and experienced web developer to meet your specific software needs? As a web developer with expertise in PHP, MySQL, JavaScript, HTML and CSS, I am here to assist you. Fill out form for WordPress plugin development, theme customization or any other custom software development service.