Học WordpressThiết kế Website

Danh sách Shortcodes Flatsome dành cho Custom Product page layout

1606

Shortcodes For Left Sidebar Layout (Full-height)

Preview

Shortcodes

[row]

[col span="3" span__sm="12"]

[ux_sidebar id="product-sidebar"]


[/col]
[col span="9" span__sm="12"]

[row_inner]

[col_inner span="6" span__sm="12"]

[ux_product_gallery]


[/col_inner]
[col_inner span="6" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_rating]

[ux_product_price]

[ux_product_excerpt]

[ux_product_add_to_cart]

[ux_product_meta]

[share]


[/col_inner]

[/row_inner]
[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]


[/col]

[/row]

Shortcodes For Right Sidebar Layout (Full-height)

Preview 

Shortcodes

[row]

[col span="9" span__sm="12"]

[row_inner]

[col_inner span="6" span__sm="12"]

[ux_product_gallery]


[/col_inner]
[col_inner span="6" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_rating]

[ux_product_price]

[ux_product_excerpt]

[ux_product_add_to_cart]

[ux_product_meta]

[share]


[/col_inner]

[/row_inner]
[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]


[/col]
[col span="3" span__sm="12"]

[ux_sidebar id="product-sidebar"]


[/col]

[/row]

Shortcodes For Wide Gallery Layout

Preview

Shortcodes

[ux_product_gallery style="full-width"]

[row]

[col span="7" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_excerpt]

[share]


[/col]
[col span="5" span__sm="12" padding="30px 30px 30px 30px" bg_color="rgba(233, 228, 228, 0.67)"]

[ux_product_price]

[ux_product_add_to_cart]

[ux_product_meta]


[/col]

[/row]
[row]

[col span__sm="12"]

[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]


[/col]

[/row]

Shortcodes For Left Sidebar Layout

Preview

Shortcodes

[row]

[col span="3" span__sm="12"]

[ux_sidebar id="product-sidebar"]


[/col]
[col span="6" span__sm="12"]

[ux_product_gallery]


[/col]
[col span="3" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_rating]

[ux_product_price]

[ux_product_excerpt]

[ux_product_add_to_cart]

[ux_product_meta]

[share]


[/col]

[/row]
[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]

Shortcodes For Right Sidebar Layout

Preview

Shortcodes

[row]

[col span="3" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_rating]

[ux_product_price]

[ux_product_excerpt]

[ux_product_add_to_cart]

[ux_product_meta]

[share]


[/col]
[col span="6" span__sm="12"]

[ux_product_gallery]


[/col]
[col span="3" span__sm="12"]

[ux_sidebar id="product-sidebar"]


[/col]

[/row]
[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]

Shortcodes For Left Sidebar Small Layout

Preview

Shortcodes

[row]

[col span="2" span__sm="12"]

[ux_sidebar id="product-sidebar"]


[/col]
[col span="4" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_rating]

[ux_product_price]

[ux_product_excerpt]

[ux_product_add_to_cart]

[ux_product_meta]

[share]


[/col]
[col span="6" span__sm="12"]

[ux_product_gallery]


[/col]

[/row]
[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]

Shortcodes For Right Sidebar Small Layout

Preview

Shortcodes

[row]

[col span="4" span__sm="12"]

[ux_product_breadcrumbs]

[ux_product_title]

[ux_product_rating]

[ux_product_price]

[ux_product_excerpt]

[ux_product_add_to_cart]

[ux_product_meta]

[share]


[/col]
[col span="6" span__sm="12"]

[ux_product_gallery]


[/col]
[col span="2" span__sm="12"]

[ux_sidebar id="product-sidebar"]


[/col]

[/row]
[ux_product_tabs]

[ux_product_upsell style="grid"]

[ux_product_related]