INTRO
Hi friends
We’re thrilled to have you here. We appreciate your interest and are glad you’re considering Pivot Theme as your reliable partner in the dynamic world of e-commerce. In this guide, you’ll find everything you need to set up the Pivot Theme and begin this exciting online journey
Announcement Bar
The announcement bar in Shopify is a customizable feature that allows you to display important messages, promotions, or announcements at the top of your online store. This bar usually appears at the top of the web page. The purpose of the message bar is to attract attention and convey information to your customers.
Header
The header refers to the top section of the website that typically contains key navigation elements, branding elements, and other important information. It is one of the most visible and prominent parts of the website and plays a crucial role in providing visitors with a seamless browsing experience.
Logo - the logo of the store, which helps visitors identify and recognize the brand.
Navigation menu - a menu bar with links to important pages such as Home, Shop, About Us, Contact, and possibly other categories or collections.
Search bar - a search field that allows visitors to search for specific products or content within the store.
Cart icon - an icon or button that displays the number of items in the visitor's shopping cart and provides access to the checkout process.
Account/Login Links: - links to the customer account or login page, allowing returning customers to access their accounts or new visitors to create accounts
Contact information - Contact details such as phone number, email address, or physical address, which may be displayed in the header for easy access.
The header refers to the top section of the website that typically contains key navigation elements, branding elements, and other important information. It is one of the most visible and prominent parts of the website and plays a crucial role in providing visitors with a seamless browsing experience.
Pivot Slider A
The Pivot Slider A is a dynamic and visually appealing way to display multiple images or
banners on your online store homepage.
Slideshows are commonly used to highlight
featured products, promotions, or brand images.
Layout - refers to the overall layout of the page elements.
Slide height - the slide height refers to the dimension or size of each individual slide within the slideshow. It determines how much vertical space the images or slide content on the web page will occupy. Adjusting the slider height can be crucial in creating a visually appealing and balanced design.
Right, Left - the arrow on the slideshow should be positioned to the right or left, and the position is determined by the number of pixels.
Icon size - arrow size. Arrow color - arrow color.
Icons style - there is a classic arrow, a circular arrow, and a Liv arrow from the Liv theme. Additionally, there is an option to have no arrow, i.e., None.
Pagination style - the visual appearance and layout of the navigation links used for browsing vary. Pagination is typically presented as a series of numbered links, and on Shopify, it can be represented with dots, a counter, or numbers.
Mobile layout - to display image content on a mobile phone.
Slideshow description - to provide a description of the slideshow for customers using screen readers.
Theme Settings - to customize the appearance and functionality.
Custom CSS - Custom CSS (Cascading Style Sheets) enables you to apply additional styling to your Shopify store, going beyond the options provided in the theme settings. This is particularly useful when you need to make specific design adjustments or incorporate unique elements into your online store.
Slideshow Image Slide
Image - image for the slide; screen size for laptop, computer.
Heading - in web design, a heading is a text element that introduces a piece of content. Headings are commonly employed to structure and organize information on a web page, enhancing readability for users.
Heading size - title size options include small, medium, or large.
Subheading - a 'subheading' is a title or label that appears below the main heading, offering more specific information or categorizing the content. Subheadings are employed to further break down and organize content, enhancing navigation and aiding readers in understanding the structure of a web page.
Button label - the text or label displayed on a button is known as the button label. Buttons are interactive elements on a web page that users can click or tap to perform an action. The button label is the text that tells users what action will happen when the button is clicked.
Desktop content position - Content position. The position is automatically optimized for mobile phones.
Desktop content alignment - content alignment refers to the arrangement and positioning of text, images, or other elements on a webpage to achieve a visually pleasing and organized layout.
Slider A
In Slider A section, we present a layout with a heading positioned on the left side and a corresponding description placed below it. On the right, there is space reserved for image slides featuring dynamic animations. The number of slides can range from a minimum of one to a maximum of four, offering a versatile and engaging visual experience.
Slider B
We feature Slider B a centrally aligned section comprising a title and subheading, with slides positioned beneath these headings. Each slide, just like in Slider B, is equipped with its own image. Notably, the slides incorporate a dynamic animation – when the mouse hovers over a slide, the image undergoes enlargement, providing an interactive and engaging user experience. The number of slides can range from a minimum of one to a maximum of four.
Slider Text
The Slider Text section combines textual content with a dynamic image slider to highlight your collections. On the left side, this section features a prominent heading, a subheading, and a button, allowing you to introduce the section and guide users to further actions.
On the right side, a swiper component displays multiple slides, each representing a different collection. Each slide includes:
Image - a high-quality image that visually represents the collection.
Heading - a bold heading that succinctly describes the collection. Navigation Buttons: Buttons for navigating to the previous or next slide, allowing users to explore each collection seamlessly.
The design ensures that the textual content on the left remains static while the images and headings on the right dynamically change as users swipe through the slides. This layout creates a balanced and visually appealing presentation, making it easy for visitors to understand the context and explore your collections interactively. The Slider Text section is perfect for drawing attention to multiple collections while providing clear and engaging navigation options.
Image with text
The "Image with Text" section on Shopify combines captivating visuals with informative text to create a compelling storytelling experience. This versatile section allows you to feature eye-catching images alongside relevant textual content, effectively conveying your brand's message and engaging your audience.
With the "Image with Text" section, you have the flexibility to showcase your products, promotions, or brand stories in a visually appealing manner. Whether you're introducing new arrivals, highlighting key features, or sharing customer testimonials, this section provides a dynamic platform to capture the attention of your visitors.
Customization options abound, enabling you to upload high-quality images, adjust text alignment and styling, and tailor the content to suit your brand's tone and messaging. By seamlessly integrating visuals and text, you can create impactful displays that resonate with your audience and drive conversions.
The "Image with Text" section is a powerful tool for enhancing the visual appeal and effectiveness of your Shopify store, enabling you to communicate your brand's story and offerings in a compelling and memorable way.
Image Comparison
The Image Comparison feature in this context allows customers to compare two images of the same product but in different colors. It enables them to interactively slide a handle or drag a divider to switch between the images, providing a clear visual comparison of how the product looks in each color variation.
With this feature, customers can make informed decisions about which color option best suits their preferences and needs. They can easily see the differences in hue, saturation, and overall appearance, helping them to confidently choose the color that aligns with their personal style or intended use.
This interactive experience not only engages customers but also enhances their shopping journey by providing them with valuable information in a visually appealing and intuitive manner. It streamlines the decision-making process, ultimately leading to higher customer satisfaction and increased conversions.
Customization options allow you to tailor the Image Comparison feature to seamlessly integrate with your Shopify store's design and branding. You can adjust settings such as image size, orientation, and transition effects to ensure a cohesive and user-friendly experience.
Overall, the Image Comparison feature for different color variations of the same product is a valuable tool for enhancing the shopping experience, empowering customers to make informed choices, and driving sales on your Shopify store.
Event Timer
The Event Timer is a dynamic feature that adds a sense of urgency and excitement to your Shopify store. This feature displays a ticking clock counting down to a specified date and time, creating anticipation and encouraging action from your visitors.
With the Event Timer, you can effectively highlight limited-time offers, flash sales, or upcoming events, enticing customers to make a purchase or take advantage of a promotion before time runs out. This sense of urgency can drive conversions and boost sales by motivating visitors to act quickly.
Customization options allow you to tailor the Event Timer to match your brand's aesthetic and messaging. You can adjust the design, color scheme, and placement of the timer to seamlessly integrate it into your store's layout and enhance its visual appeal.
Overall, the Event Timer is a powerful tool for creating a sense of urgency, fostering engagement, and driving conversions on your Shopify store. By leveraging this feature strategically, you can effectively communicate time-sensitive offers and events to your audience, ultimately maximizing your sales and revenue.
Countdown Product Timer
This feature is working based on metafields. So, all you have to do is to add metafield definition, then set the countdown for the products you want.
Countdown timer is working only when a product is put on sale for a lower price. So, please make sure that you set a compare at price for the products before you want to add a countdown for them, or the countdown will be disabled.
Note: This step only needs to be done once and will affect all products. If you have already done this, please skip it. Since metafields work independently of the theme, this step also doesn't need to be done again when you update or reinstall the theme.
Adding metafield definition
1. From your Shopify admin > Settings > Metafields > Products.
2. Click Add definition.
3. In the Add product metafield definition box, set up the details of the new metafield including:
* Name - Product countdown
* Namespace and key - theme.countdown
* Description (optional) - we add the description line 'Add key information to describe the product.'
* Select content type - there are different content types such as line text, integer, date and time, file, etc. In this setting, we select the Date and time.
* Select Date and time. By choosing this, you will have ability to specify the exact time for the countdown.
4. Click Save to save the definition.
5. You should see the Product countdown in the list of definitions by now.
Setting the countdown
1. In your admin, within Products, go to the product you want to add the countdown.
2. Scroll down to the Metafields, then click Show all to open the metafield values of the product.
3. You should see the Product countdown .
4. To set an expiry time, click on the Product countdown field. Here shows up 2 inputs: one for date and one for time. Just set the date and time you want.
5. Click Save to save your changes.
Displaying the countdown
1. Via the Customize panel, go to a product page. Within Product information section, click Add block > Countdown timer.
2. Click Save to finish this setting.
Rich Text
Rich text refers to text that includes formatting elements beyond plain text, such as bold, italic, underline, different font sizes, colors, and alignment. In the context of a Shopify store, rich text is often used in various areas such as product descriptions, page content, and custom pages.
Rich text allows you to enhance the visual appeal of your content and make it more engaging for your audience. For example, you can use bold text to highlight important information, italicize text for emphasis, or change font colors to draw attention to specific details. Additionally, rich text formatting helps improve readability and organization, making it easier for visitors to consume and understand your content.
Rich text is a valuable feature that enables you to create visually appealing and engaging content for your Shopify store, helping you effectively communicate with your audience and drive engagement and conversions.
Blog Posts
A blog is a section of your Shopify store where you can regularly publish articles, posts, or updates related to your products, industry, or niche. Blogs serve as a valuable content marketing tool, allowing you to engage with your audience, establish your brand as an authority in your field, and drive traffic to your website.
In the context of a Shopify store, a blog can be used to share a variety of content, including product announcements, industry news, how-to guides, customer testimonials, and lifestyle articles. By providing valuable and informative content, you can attract and retain visitors, build trust with potential customers, and encourage repeat visits.
Customization options for blogs on Shopify stores allow you to personalize the layout, design, and functionality to align with your brand's aesthetic and goals. You can choose from different templates, customize fonts and colors, and integrate social sharing buttons to amplify your content's reach.
Overall, a blog is a powerful tool for enhancing your Shopify store's visibility, establishing authority in your niche, and driving engagement with your audience. By consistently publishing high-quality content, you can attract more visitors, generate leads, and ultimately increase sales.
Tabs
Tabs are a navigational element commonly used in web design, including on Shopify stores, to organize and present content in a structured and user-friendly way. Tabs divide content into separate sections or categories, allowing users to easily switch between them without navigating to a different page.
In the context of a Shopify store, tabs can be used to organize product information, specifications, reviews, and additional details. Each tab represents a different aspect of the product, such as description, features, sizing guide, or customer reviews.
Tabs improve the user experience by reducing clutter and presenting information in a digestible format. They allow visitors to quickly find the specific information they're looking for without overwhelming them with too much content at once.
Customization options for tabs on Shopify stores typically include the ability to adjust the tab layout, style, and content. Merchants can choose the number of tabs, their order, and the content displayed within each tab to best suit their product and audience.
Overall, tabs are a versatile and effective tool for organizing and presenting information on Shopify stores, streamlining the browsing experience for visitors and helping them make informed purchasing decisions.
Logo Slider
In the context of Shopify, a "Logo Slider" typically refers to a section or component on a website that showcases or highlights various brands associated with the products or services offered by the online store. This type of slide is often featured in a slideshow or carousel format, allowing visitors to view and navigate through different brand logos or images. In the Pivot theme, the Logo Slider section features brands logos that move in a slideshow.
Image - image for the slide; screen size for laptop, computer.
Three Images
Three Images section is tailored for showcasing your curated collections. This feature allows you to spotlight three key images that represent or highlight distinct product collections. You can easily upload or select specific visuals for each collection, creating an engaging and visually appealing presentation for your website visitors. Whether you're featuring the latest arrivals, seasonal picks, or themed assortments, the 'Three Images' section offers a visually cohesive and impactful way to draw attention to your curated collections, making it easy for customers to explore and discover your products.
Text position - flexibility to choose between center or left alignment for your text. Opting for a center position creates a balanced and centralized layout, while choosing the left position aligns the text to the left-hand side, providing a more traditional or asymmetrical appearance.
Background image - visual element that serves as a representative image for a collection, creating a visually appealing and thematic backdrop for the products within that specific collection. By carefully selecting or uploading an appropriate background image, you can enhance the overall aesthetics of the collection page, convey the collection's theme or mood, and create a more immersive and engaging experience.
Collection - the "Select Collection" function enables you to choose a specific collection. By clicking on the image associated with the chosen collection, you are seamlessly directed to the dedicated collection page, where you can explore and view the products within that collection.
Paragraph - offers a seamless way to present detailed information or narratives for each collection. By utilizing this feature, you can craft engaging and informative paragraphs that articulate the story, inspiration, or unique aspects of a particular collection.
Enable Buttons - empowers you to activate or turn on button. This functionality is particularly useful for providing users with interactive elements, allowing them to click or engage with buttons for various actions.
Parallax Image
A parallax image adds a dynamic and engaging visual element to the browsing experience. As visitors scroll down the page, the parallax effect creates an illusion of depth and movement, giving the impression that different elements of the image are moving at different speeds. This captivating effect not only enhances the aesthetics of our website but also draws attention to specific products or promotions.
By incorporating a parallax image, we aim to create a memorable and immersive browsing experience for our customers. Whether it's showcasing our latest collections or highlighting special offers, the parallax effect adds an extra layer of visual interest that captures the viewer's attention and encourages them to explore further.
Overall, the parallax image serves as a powerful tool to engage visitors, convey our brand identity, and ultimately drive conversions by making our Shopify store more visually appealing and interactive.
Video
Including a video section in your Shopify store offers numerous benefits. It allows you to showcase products in action, tell your brand's story, and provide valuable educational content to customers. With Shopify's user-friendly interface, adding videos to your store is seamless and can significantly enhance the browsing experience, increase engagement, and drive conversions.
Transform your Shopify store into an engaging and unforgettable destination with our dynamic video section. Elevate your brand's appeal by showcasing products in action, telling captivating stories, and providing valuable insights to customers.
With our sleek and modern video integration, your store will stand out, captivating customers and keeping them coming back for more. Explore the possibilities and make your Shopify store an irresistible hub of excitement and inspiration.
Video Local Link
A local video refers to a video file that is stored and played directly from the user's device, as opposed to being streamed from an external source or hosted on a remote server. In the context of a Shopify store, local videos can be uploaded and embedded into product pages, blog posts, or other sections of the website to enhance content and engage visitors.
Local videos offer benefits such as faster loading times, greater control over playback quality, and the ability to display custom or proprietary content without relying on third-party platforms. By incorporating local videos into their Shopify store, merchants can create immersive and compelling experiences for customers, effectively showcasing products, sharing tutorials, or conveying brand messages.
Wishlist
Wishlist products refer to items that customers save for future reference or potential purchase within an online store. In the context of a Shopify store, the wishlist feature allows users to create a personalized list of products they are interested in but may not be ready to buy immediately.
By adding products to their wishlist, customers can easily keep track of items they like and revisit them later, making it convenient for them to make informed purchasing decisions when they are ready. Wishlist functionality enhances the user experience by providing a way for customers to curate their shopping preferences and streamline their browsing experience.
Additionally, it can serve as a valuable tool for merchants to understand customer preferences and tailor marketing strategies accordingly.
Pivot Featured Product
The Pivot Feature Product section is designed to highlight a specific product in your store, giving it special attention and making it easy for customers to explore all its details. This section includes high-quality images, comprehensive product information, and interactive features to enhance the shopping experience.
- Product Images: Display multiple high-resolution images of the product from different angles. Showcase close-up shots to highlight intricate details and craftsmanship.
- Product Information: Name and Title: Clearly state the product name and any additional titles or descriptors. Vendor: Mention the brand or vendor responsible for the product, ensuring customers know the quality and reputation behind the item. Price: Prominently display the price of the product to inform purchasing decisions.
- Size Chart: Provide a link or button to a detailed size chart, helping customers choose the right size with confidence.
- Quantity Selector: Include a user-friendly quantity selector, allowing customers to specify how many units they wish to purchase.
- Product Description: Write a compelling and informative description of the product. Highlight key features and benefits, such as materials used, special design elements, and unique selling points.
- Size and Color Options: Offer selectable options for different sizes and colors, ensuring customers can find the perfect variant to match their preferences.
- Interactive Buttons: Add to Bag: An easy-to-find button that adds the product to the shopping cart. Add to Wishlist: A feature that allows customers to save the product for future reference or purchase.
- Social Media Sharing: Provide icons for popular social media platforms, enabling customers to share the product with their network. Encourage sharing by making it simple and quick to post about the product on social media.
Purpose and Benefits:
- Enhanced Shopping Experience: By offering detailed product information and interactive features, customers can make informed decisions and enjoy a seamless shopping experience.
- Increased Visibility: Highlighting a specific product helps draw attention to it, potentially increasing sales and customer interest.
- Social Engagement: Social media sharing options can increase your product's reach and attract new customers through word-of-mouth recommendations.
Pivot Featured Collection
The Pivot Feature Collection section is designed to highlight a curated selection of products in a sleek and interactive slider format. This section showcases multiple products, allowing customers to easily browse through and find items they love.
- Product Slider: Display a horizontal slider of products that customers can scroll through. Each product in the slider is visually distinct and easy to navigate.
- Product Image: High-quality images for each product, showcasing the item from an appealing angle. The images should be clear and representative of the product to provide a true-to-life view.
- Product Information: Vendor- Clearly display the brand or vendor name to highlight the source of the product. Title- Provide the product title, giving customers an immediate understanding of what the product is. Price- Prominently show the price of each product. If the product is on sale, display the original price struck through with the sale price in a bold, noticeable color.
- Stock Status: Indicate whether the product is "In Stock" or "Out of Stock" to inform customers of availability.
- Interactive Buttons: Add to Cart: A large, easy-to-click button for adding the product to the shopping cart, encouraging quick purchases. Add to Wishlist: A heart icon button that allows customers to add the product to their wishlist for future consideration.
- Sale Badge: If a product is on sale, display a noticeable badge in the upper-right corner of the product image indicating the discount percentage (e.g., "-20%").
Purpose and Benefits:
- Enhanced Browsing Experience: The slider format allows customers to easily browse through multiple products in a visually engaging manner.
- Clear Product Information: Providing detailed product information helps customers make informed decisions quickly.
- Encourages Purchases: Prominent "Add to Cart" and "Add to Wishlist" buttons make it easy for customers to take action, potentially increasing sales and engagement.
- Highlight Sales: The sale badge effectively draws attention to discounted products, making them more attractive to customers.
Size Guide
A size guide section for fashion products is a dedicated area within a Shopify store that provides customers with detailed information on how to choose the correct size for clothing items. This section typically includes a sizing chart or table that outlines the measurements for various clothing sizes, such as chest width, waist circumference, hip measurement, sleeve length, and inseam length.
The size guide section is essential for helping customers make informed purchasing decisions and reducing the likelihood of returns due to incorrect sizing. By referring to the size guide, customers can accurately determine which size will best fit their body measurements and preferences.
In addition to the sizing chart, the size guide section may also include instructions on how to measure oneself accurately, tips for interpreting the sizing information provided, and any specific sizing recommendations or considerations for the brand's clothing items.
Overall, the size guide section serves as a valuable resource for customers navigating the purchasing process, enhancing their shopping experience and confidence in selecting the right size for their fashion products.
Brands A-Z
The "Brands A-Z" section is a dedicated area that showcases all the brands of products available in the store in alphabetical order. This section serves as a comprehensive directory for customers to easily browse and explore the various brands offered by the store.
In the "Brands A-Z" section, customers can find a curated collection of brands represented by the store, spanning a wide range of product categories and offerings. Each brand is typically presented with its name, providing customers with a visual representation and easy access to the brand's products.
This section is particularly useful for customers who are brand-conscious or have specific preferences for certain brands. By organizing brands alphabetically, customers can quickly locate their favorite brands or discover new ones they may be interested in exploring.
Overall, the "Brands A-Z" section enhances the navigation experience for customers, making it convenient for them to browse and shop by brand, and providing valuable exposure for the brands represented in the store.
Big Image Left
"Big Image Left" likely refers to a specific layout configuration within the Pivot theme where a large or prominent image is positioned on the left side, and two smaller images are placed on the right side. This layout is a visually effective way to highlight a main image while providing complementary visuals or information on the right. It's a design choice that aims for balance and aesthetics, ensuring that the main focus remains on the larger image while still incorporating additional content on the opposite side.
Browse All Categories - is designed to make it accessible for users to explore all the categories that are part of the collection. Depending on the collection, we place the respective link in the designated field ‘Link for Browse all categories’ so that users can click to navigate directly to it.
Text Loop Animation
The 'Text Loop Animation' section introduces a captivating visual element to your webpage. This dynamic feature utilizes a looped animation to bring attention to text content. The text seamlessly transitions, creating an engaging and eye-catching effect. This animation style is not only visually appealing but also serves to draw focus to key messages or information. Whether you're highlighting promotions, key features, or compelling narratives, the 'Text Loop Animation' adds a touch of dynamism to your website, capturing the interest of visitors as they explore your content.
Description - you craft your messages directly within the description.
Animation speed loop - allows you to control the pace and tempo of the looped animation in your section. This feature provides the flexibility to adjust how quickly or slowly the animation transitions from one loop to the next.
Icon Text
The "Icon Text" section on a Shopify store is a versatile component that combines visual elements, headings, and descriptive text to convey information in a visually appealing format. This section typically includes the following key elements:
Image - the Image component allows merchants to include visual elements such as icons, illustrations, or product images that complement the content of the section. These images serve to enhance the visual appeal and reinforce the message conveyed by the text.
Heading - the heading component provides a clear and concise title for the section. It succinctly summarizes the content and grabs the attention of visitors, guiding them to the main message or purpose of the section.
Paragraph - the paragraph component contains descriptive text that elaborates on the heading or provides additional information relevant to the section. This text is typically used to explain the purpose of the section, highlight key features or benefits, or encourage action from visitors.
The combination of these elements allows merchants to create engaging and informative sections that effectively communicate with their audience, showcase products or promotions, and drive conversions on their Shopify store.
Testimonials
The Testimonials section is a dedicated space on your website where you can showcase feedback, reviews, and endorsements from satisfied customers or clients. This section serves as a powerful tool to build trust and credibility by featuring real experiences and positive testimonials from individuals who have engaged with your products or services. Customers' testimonials provide social proof and offer valuable insights into the quality of your offerings, helping potential customers make informed decisions. Whether it's showcasing success stories, highlighting specific features, or emphasizing the overall positive experience, the Testimonials section is a key component in establishing a trustworthy and reputable online presence.
In the Icon section, you have the ability to incorporate text from users feedback, including their first and last names, along with a profile picture. Additionally, you can choose whether the user rated the experience with 4 or 5 stars.
FAQ
The FAQ (Frequently Asked Questions) section is a dedicated area on your website where you provide answers to common queries and concerns that your customers or visitors may have. This section serves as a valuable resource, offering concise and informative responses to address uncertainties and enhance the user experience.
By proactively addressing common questions, you can streamline customer support, reduce inquiries, and foster a sense of transparency and trust. The FAQ section covers a range of topics, including product details, shipping information, return policies, and any other relevant details that help users navigate your website and make informed decisions.
Contact Form
A contact form is a vital component of any Shopify store, providing visitors with a convenient way to get in touch with you. This form typically includes fields for users to input their name, email address, subject of inquiry, and message. Some contact forms may also include additional fields for phone number, company name, or specific questions.
The contact form serves as a bridge between your store and your customers, enabling them to ask questions, request assistance, provide feedback, or inquire about products or services. By offering a streamlined communication channel, you can improve customer satisfaction and foster trust and credibility.
Customization options for contact forms on Shopify stores allow you to tailor the form to match your brand's aesthetic and messaging. You can adjust the layout, design, and fields included in the form to best suit your needs and preferences.
Overall, a well-designed contact form is essential for facilitating communication with your customers and providing exceptional customer service on your Shopify store. It helps you build relationships, address inquiries promptly, and ultimately drive sales and loyalty.