<div data-type="horizontalRule"><hr></div><h2 id="bpwf1kdqmci" data-toc-id="bpwf1kdqmci">No code 3D viewer configuration</h2>3D images make it easy to bring your products to life. You can configure 3D models right from your Products page — and you do not need any coding skills. With the latest features, you can adjust aspects like lighting, background color, exposure level, zoom, and the initial camera view. This ensures your product presentations are always engaging and modern.<h2 id="ef1lesftxfc" data-toc-id="ef1lesftxfc">Edit a 3D model</h2>Refining your 3D models can transform how buyers experience your products. Shopify lets you smoothly adjust both lighting and camera view for each 3D model — no technical background required.<details class="details"><summary>Edit model lighting</summary><div data-type="detailsContent"><ol><li><p class="page-width-wide:mx-0 w-full decoration-primary/6 print:break-inside-avoid max-w-3xl min-h-lh flip-heading-hash [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start" style="text-align: start">You can easily control the appearance of your 3D models to create a polished storefront.<ol><li>Open your Products page and select a product that includes a 3D model.</li><li>In the Media section, find the 3D model and click the 3D icon.</li><li>Click Edit file to view the lighting settings by default.</li><li>Choose the type of lighting adjustment you want:<ol><li>Environment — pick from pre-set filters to fine-tune shadows and reflections. You can preview each effect instantly.</li><li>Lighting — adjust the exposure level with a slider to make the model brighter or dimmer.</li><li>Background — change the background color behind the 3D model.<ol><li>Enable a transparent background by checking Use transparent background.</li><li>Use the color picker or enter a hex code for the exact color you prefer.</li></ol></li></ol></li><li>Click Done to save your changes, or Reset to restore the original appearance.</li></ol></li></ol><p class="page-width-wide:mx-0 w-full decoration-primary/6 print:break-inside-avoid max-w-3xl min-h-lh flip-heading-hash [h2]:pt-0 [h3]:pt-0 [h4]:pt-0 mx-0 text-start justify-self-start" style="text-align: start"></div></details><details class="details"><summary>Edit model camera view</summary><div data-type="detailsContent">Customizing the camera view helps highlight the most important features of your products.<ol><li>Go to your Products page and select a product with a 3D model.</li><li>In the Media section, click the 3D icon to bring up the model.</li><li>Click Edit file, then click the camera icon to open camera options.</li><li>Adjust the camera view settings:<ol><li>Modify X Rotation to tilt the model left or right.</li><li>Change Y Rotation to turn the model side to side.</li><li>Use the Zoom slider to move closer for detail or pull back for a wider view.</li></ol></li><li>After making adjustments, click Done to save your new settings, or Reset to undo your changes.</li></ol></div></details><blockquote>💡 Tip: Presenting products with 3D images allows shoppers to see every angle. These advanced tools help you deliver a memorable customer experience and take full advantage of all the power your theme provides.</blockquote>

Easily customize and display 3D product models with no coding required, adjusting lighting, camera view, and background to create an engaging and interactive shopping experience.

3D images

Leave a review

Theme features 

Contact support

Getting started

Easily install, preview, and purchase themes to customize your online store’s look and feel, with flexible options, powerful features, and modern designs that support your business needs.

Install theme

Easily customize your online store’s layout, content, and style with intuitive editing tools, advanced features, and helpful support, making it simple to build a unique and professional shopping experience.

Editing your theme

Get quick help and support for customizations, browser compatibility, advanced features, and finding expert assistance — ensuring a smooth and flexible store setup using the latest theme technology.

Theme support

General

Easily expand your store’s features by adding apps through the App Store or direct links, with full support for the latest integrations and a simple, secure installation process.

App setup

Easily enhance your store’s look by adding, optimizing, and managing high-quality images—including free stock photos, banners, and product images—with smart features like focal points, automated compression, supported formats, and modern customization options for a polished, mobile-friendly design.

Using imagery

Showcase your products with high-quality images, videos, and 3D models using advanced media features, easy metafield support, and simple tools for adding, organizing, or updating media to boost customer engagement and sales.

Product imagery

Make your store accessible and inclusive for everyone with practical tips on color contrast, readable text, alt text for images, keyboard navigation, and multimedia accessibility, all supported by advanced theme features for a user-friendly shopping experience.

Accessibility

Theme settings

Customize global shopping features like cart behavior, overlays, gallery zoom, card effects, and sticky headers to boost engagement, guide navigation, and deliver a polished, interactive storefront experience.

User experience

Easily manage and update your storefront's social media links in one place to keep icons current, boost engagement, and ensure customers can quickly connect with your brand across all major platforms.

Social media

Easily control how and when free shipping messaging appears across your store, set the minimum cart value for eligibility, and motivate customers to increase their order size with clear, dynamic incentives.

Shipping

Easily customize the look, layout, and interactive features of product cards across your shop, including image display, spacing, buttons, swatches, and gallery options, to create a seamless, branded, and user-friendly shopping experience on all devices.

Product cards

Easily control the overall look, feel, and structure of your shop by adjusting border radius, content width, and section width for a cohesive, modern, and responsive storefront across all devices.

Layout

Easily control your shop’s typography with global font, weight, and text style settings for body text, buttons, captions, and headings, plus support for custom and hosted fonts to match your brand and improve readability.

Fonts

Easily set the small icon that appears in browser tabs and bookmarks to boost brand recognition, create a polished look, and help customers quickly identify your shop across devices.

Favicon

Colors

Easily customize the visual style, layout, image ratios, text, and button appearance for all your collection cards to ensure a consistent, professional, and accessible shopping experience across your entire store.

Collection cards

Customize your shop’s cart experience with options for checkout buttons, currency codes, cart announcements, order notes, and empty cart messaging to improve customer trust, usability, and conversion across all devices.

Cart

Customize the look, layout, and content details of all article preview cards across your shop with flexible options for image style, text alignment, buttons, captions, and tag badges, ensuring a consistent and engaging browsing experience on any device.

Article cards

Control the default look of card elements storewide by setting a fallback image for empty cards and choosing whether cards have a drop shadow for depth, ensuring a consistent and polished appearance throughout your shop.

All cards

Sections

Easily customize your storefront by adding, editing, duplicating, or removing sections to create a flexible, professional, and uniquely branded shopping experience using the latest theme features.

Intro to sections

Easily organize detailed content into interactive, expandable rows for FAQs or instructions, featuring customizable layout, dynamic blog integration, and smooth navigation to improve user experience and page clarity.

Accordion

Create a responsive, customizable carousel to showcase banners with engaging layout, animation, and navigation across all devices.

Slideshow

Create engaging, responsive slideshows with customizable animation, text, images, and navigation controls — perfect for showcasing products, promotions, or stories with full accessibility and mobile-friendly design.

Slideshow with text controls

Showcase multiple content types —such as banners, products, images, and videos—in a responsive grid or slider with complete control over columns, alignment, and animation for a seamless, engaging experience on any device.

Multicolumn

Showcase key highlights with customizable backgrounds, media, and calls-to-action — optimized for clarity, impact, and responsiveness across all devices.

Banner

Create visually engaging, modular grid layouts by combining up to five banners, images, videos, products, testimonials, and more, with flexible layout and display options for both desktop and mobile.

Collage

Showcase real customer feedback in a customizable, responsive grid or slider with flexible layout, animation, and navigation options to build trust, increase engagement, and highlight your brand’s strengths across all devices.

Testimonials

Showcase trusted partner or client logos in a customizable, responsive grid with alignment and column options that look polished on any device, supporting accessibility and a visually appealing layout.

Logo list

Easily showcase styled text, headings, icons, and call-to-action buttons with flexible alignment and layout options, perfect for announcements, promotions, and engaging content that looks great on any device.

Rich text

Easily add customizable call-to-action buttons with flexible layout, alignment, and style options, allowing you to highlight promotions, improve navigation, and create a seamless, responsive experience across any device.

Buttons

Add a customizable featured image with options for style, size, aspect ratio, overlays, captions, links, and responsive alignment — perfect for eye-catching banners, promotions, and branded visuals.

Image

Pair striking images with customizable text and call-to-action buttons in a flexible, responsive layout perfect for featured products, stories, or promotions, with easy control over alignment, stacking, and mobile display.

Image with text

Add videos from YouTube, Vimeo, or upload your own, then customize with overlays, captions, aspect ratios, and playback options for a visually engaging section that looks great on both desktop and mobile.

Video

Pair video and text for visually engaging product highlights, storytelling, or brand messages with flexible layout, responsive stacking, and up to four customizable content blocks—perfect for immersive, mobile-friendly presentations.

Video with text

Showcase and organize products with customizable grid layouts, built-in filtering, sorting options, and support for dynamic banners to create an engaging, easily navigable shopping experience across devices.

Collection

Easily showcase multiple collections with a customizable grid, flexible card layouts, and built-in navigation features to boost product discovery and enhance user experience across devices.

Collection list

Showcase your top features or benefits using icons and short text in a customizable, responsive bar that quickly communicates what makes your store unique and builds customer trust at a glance.

Features bar

Highlight a single product with customizable galleries, mobile-friendly layouts, interactive slideshows, and a wide variety of content blocks to boost engagement, drive conversions, and create an impactful visual presentation.

Featured product

Highlight selected products in an attractive grid or slider with full control over layout, animation, and navigation—perfect for showcasing top picks, promotions, or seasonal items on any device.

Featured products

Showcase a curated set of products from any collection with flexible grid or slider layouts, customizable columns, slideshow controls, and responsive design options for an engaging and accessible shopping experience on all devices.

Featured collection

Showcase blog articles using dynamic filtering, custom layouts, and responsive slider or grid options to highlight timely updates, campaigns, or featured stories while ensuring an engaging and accessible browsing experience across all devices.

Blog posts

Create bold, engaging banners with flexible layouts, powerful imagery or video, and modular content blocks — fully optimized for mobile, fast performance, and accessibility.

Hero

Create a customizable hero area that highlights featured images, author info, meta details, and navigation options for articles or blogs, with flexible settings for layout, visibility, and user interaction to boost visual impact and engagement.

Hero - Basic

Showcase curated related articles to boost engagement with flexible layouts, customizable sliders, and a fully responsive design that looks great on desktop, tablet, and mobile.

Product information

Increase conversions and shopper engagement with tailored product recommendations presented in elegant, animated layouts optimized for every device.

Product recommendations

Easily build custom, mobile-friendly pages with flexible layouts, rich content blocks, and visual controls to create engaging, accessible, and fast-loading site experiences.

Page content

Add custom Liquid, HTML, or scripts to create dynamic, personalized storefront content with flexible device visibility settings—ideal for tailored banners, widgets, or advanced customizations.

Custom liquid

Easily add, manage, and organize custom HTML, CSS, and JavaScript to enhance your storefront with advanced layouts, unique designs, or third-party integrations—just test thoroughly for performance and accessibility.

Custom code

Grow your audience with a customizable signup section featuring flexible headings, captions, icons, and background options — perfect for promoting offers, building your email list, and matching your site’s branding on any device.

Email signup

Easily enable article discussions with a customizable section that displays and manages user comments, blending seamlessly with your site's design while supporting responsive layouts and accessibility.

Comments

Easily add a customizable navigation trail to help visitors see their path through your site, improve usability, and support clear, accessible navigation on both desktop and mobile devices.

Breadcrumbs

Display a high-visibility banner at the top of your store to highlight special offers, important updates, or quick navigation links, boosting engagement and keeping shoppers informed on every page.

Announcement bar

Create a highly flexible and accessible navigation bar that combines menus, logo, search, cart, and account features for seamless browsing on any device while optimizing user experience and site branding.

Navigation

Create a customizable, responsive footer with flexible columns and a variety of content blocks for navigation, branding, and key information, ensuring optimal usability, accessibility, and a professional look across all devices.

Footer navigation

Easily create a customer-friendly area for inquiries and display key contact details with flexible layout, button, and display options, ensuring smooth communication and a professional look across all devices.

Contact form

Customize blog post layouts with advanced filtering, sorting, and responsive grid options to create an engaging, user-friendly blog that works seamlessly on any device.

Blog content

Easily create engaging, shoppable articles with customizable sidebars, flexible content blocks, responsive design, and built-in options for product highlights, testimonials, video, and more—perfect for boosting both reader engagement and conversions.

Blog post

Add author, date, tags, and share or print buttons below your articles to boost engagement, improve navigation, and create a polished, interactive finish for every post.

Blog post footer

Customize the search results page with flexible grid layouts, powerful filtering and sorting controls, and responsive design options to help users quickly find products, collections, and content on any device.

Search results

Individual blocks used across all sections.

Blocks

Easily customize your store’s sections by adding and arranging content blocks like text, images, and buttons to create a unique look, with powerful and flexible options built into our modern themes.

Intro to blocks

Easily add and customize videos with flexible source, autoplay, captions, overlays, and responsive alignment to enhance product highlights, storytelling, and engagement across your site's key sections.

Easily customize how shoppers select product variants with flexible styles like dropdowns, pills, color swatches, or image swatches, plus advanced options for layout, borders, and device-specific visibility to boost engagement and accessibility on any storefront.

Variant selector

Display your product name with customizable size, color, print, and share options, while controlling visibility for a seamless and engaging shopping experience across all devices.

Title

Showcase real customer feedback with customizable quotes, ratings, product links, and image styles for added trust, credibility, and a polished brand look across multiple sections.

Testimonial

Display real-time inventory to shoppers by showing a low stock alert when quantities are limited, and control when and where these alerts appear for an optimized, urgency-driven shopping experience.

Stock availability

Easily add clickable social media icons to your site, control where they display based on device type, and encourage visitors to connect with your brand across multiple platforms while keeping your design clean and accessible.

Social media icons

Create rich, eye-catching slides with icons, images, videos, overlays, and custom text, plus device-specific visibility controls for standout, responsive presentations in any slideshow.

Slide

Easily add sharing and printing buttons to your Hero section with flexible alignment, color, and visibility controls to improve accessibility, engagement, and user convenience across desktop and mobile.

Share/print UI

Add a visual break between content sections with customizable spacing, line style, color, and device-specific visibility to improve page structure, readability, and navigation across desktop and mobile layouts.

Separator

Add customizable predictive search with trending suggestions, branded visuals, and flexible alignment for better product discovery and a seamless user experience across navigation and hero areas.

Search

Easily create interactive, expandable content panels with headings, icons, rich text, images, videos, and action buttons, all fully customizable for responsive design, mobile performance, and accessibility within Accordion layouts.

Easily create eye-catching content blocks with options for headings, icons, captions, and styled call-to-action buttons — ustomize alignment, text size, and button style to boost engagement and enhance your site’s visual appeal.

Easily let customers select product quantities, see real-time availability, and get low stock alerts, with flexible options to control visibility by device for a seamless shopping experience.

Quantity selector

Showcase a single product in any section with flexible card styles, image aspect ratios, customizable text and button options, and built-in support for product variants, all while ensuring visual consistency, accessibility, and responsive design.

Product

Easily display customizable product pricing, highlight sales, and show key policy info with flexible sizing, color, and device-based visibility settings to boost shopper trust and clarity.

Price

Display accepted payment method icons in your footer with flexible alignment, layout, and visibility settings to boost customer trust and create a seamless, professional shopping experience across all devices.

Payment icons

Showcase a navigation menu anywhere on your site, control its visibility on desktop or mobile, and keep navigation clear, accessible, and relevant for every visitor.

Mega menu

Easily create a flexible main navigation area with customizable layouts, banner images or videos, action buttons, feature bars, and responsive design options for a standout, accessible customer experience.

Main menu

Easily display and customize your logo in navigation or footer areas with flexible options for sizing, alignment, and visibility across desktop and mobile, ensuring a seamless and responsive brand experience.

Logo

Easily showcase partner or brand logos with optional captions, links, custom sizing, and device-specific visibility to create a polished, responsive, and accessible logo display.

Logo item

Give your customers an easy way to select their preferred country and language, improve their shopping experience across devices, and ensure your store is accessible and user-friendly for a global audience.

Localization selectors

Easily showcase contextually relevant products within blog posts to boost discovery, enhance user engagement, and increase conversion with simple, flexible settings that keep your content seamless and shoppable.

Linked products

Easily add a multilingual dropdown to your store, allowing visitors to switch languages; customize where it appears for a seamless, accessible experience on desktop and mobile.

Language selector

Easily display and style images with captions, overlays, links, and responsive controls, making visuals engaging, accessible, and perfectly integrated across sections like Collage, Slideshow, and Hero.

Highlight key features or benefits with a customizable icon and brief text, plus options for alignment, visibility, and linking—ideal for drawing attention to what matters most across your storefront.

Icon with text

Create bold, accessible section headlines with customizable text, icons, captions, and buttons to organize content clearly, guide user navigation, and enhance both mobile and desktop page layouts.

Heading

Easily add a mobile-friendly navigation toggle that adapts to any screen size, with options to adjust alignment and expand to fit your header for a clean, accessible, and responsive site experience.

Hamburger menu

Easily add customizable navigation menus to your site's footer with flexible alignment, layout, and visibility options for a clean, organized, and accessible browsing experience across desktop and mobile devices.

Footer menu

Add a customizable follow button to boost shop followers, easily tailoring its alignment, layout, and visibility for desktop and mobile, while keeping your site accessible and visually cohesive.

Follow on shop button

Add customizable filtering by tags or categories to blog content sections, making it easier for visitors to find relevant posts and improving site navigation with clear, user-friendly options.

Filter group

Showcase key features with icons, headlines, and optional links, control visibility on desktop or mobile, and quickly highlight your store’s main benefits to increase engagement and usability.

Feature

Display detailed product information with customizable text size, color, expandability, and device-specific visibility to keep descriptions clear, accessible, and perfectly matched to your shop's style.

Description

Add your own Liquid or HTML for advanced custom content, dynamic features, and third-party integrations, with flexible device-specific visibility settings for seamless performance on desktop and mobile.

Add custom JavaScript to specific sections for advanced site enhancements, third-party integration, or analytics, while keeping code organized, testable, and optimized for performance and accessibility.

Custom JavaScript

Easily add section-specific CSS for advanced, targeted styling without affecting your overall site design—perfect for making quick layout tweaks, testing ideas, and keeping your changes organized and responsive.

Custom CSS

Easily add custom Liquid, HTML, CSS, or JavaScript for advanced features and unique integrations, with clear organization and flexible placement in supported sections to enhance your storefront’s functionality and control.