Shortcode

Name Use: [product_page]

Columns

Info Position

Gap

40px

Style

🖼

Thumbs Left

⬇️

Thumbs Below

⚫

Swiper+Dots

🔍

Zoom+Thumbs

Image

Aspect Ratio

Fit

Radius

12px

Thumb Size

80px

Transition

Effect

Speed

400ms

Zoom on Hover

Typography

Title Size

16px

Price Size

16px

Show / Hide

Reviews

Stock Text

Qty Selector

Stock Label ({n} = random)

Shape

Height

60px

Radius (0–50 or pill)

pill

Add to Cart

Background

Text Color

Buy Now

Background

Border

Text

Description

Always shown. Pulls from product description fields automatically.

Returns

Title

Source

Content

Shipping

Title

Source

Content

Extra Tabs

Shortcode

Shortcode Name Use: [shopify_checkout_manual] on any page

Logo

Type

Logo Text (blank = site name)

Font Size

28px

Color

Layout & Colors

Left Column BG

Right Column BG

Right Border Color

Right Column Width

430px

Left Padding

Top / Bottom

45px

Left / Right

60px

Right Padding

Top / Bottom

45px

Left / Right

40px

Typography

Font Family

Summary Title

Summary Title Size

18px

Label Color

Label Size

12px

Form Fields

Field Height

48px

Field Radius

6px

Border Color

Field BG

Font Size

14px

Place Order Button

Button Label

Background

Text Color

Height

54px

Border Radius

6px

Font Size

16px

Sections

Show Order Summary

Show Additional Fields

Announcements / Banners

Shown above the form (e.g. free shipping notice, promo).

Custom Fields

Extra fields injected above the Place Order button.

Custom CSS (Checkout only)

Use .sc-checkout, .sc-left, .sc-right as selectors.

Custom CSS

Use .mpb-product-info and .mpb-gallery as selectors.

Elementor Custom JS

Copy this script and paste it in:
Elementor → Custom Code → Add New → Location: Body End
Also add the Swiper CDN to your page <head>:
https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css
https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js

Uriviaz Builder