Home Kiến ThứcWordpress Shortcodes for Custom Product page layout

Shortcodes for Custom Product page layout

These shortcodes have been generated for your convenience so that you can copy the shortcode in product page block. After adding these shortcodes in the product, you can easily customize it by dragging and dropping the elements in your desired positions.


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]

Có thể bạn quan tâm