“This comprehensive guide will help you install, set up, and customize your Cake Shop Pro theme to create a delightful and professional website for your bakery business.”
Customizedcakeshop Pro Theme Documentation
Introduction
Thank you for choosing the Cake Shop Template Kit. This kit is designed to help you easily create a beautiful and functional website for your bakery. Whether you run a cake shop, custom cake service, or a full bakery, this template kit provides all the essential features to showcase your creations and attract customers.
Customizing Your Website
Global Settings
- Go to Elementor > Site Settings.
- Adjust typography, colors, and layout settings.
Header & Footer Setup
- Use Elementor Theme Builder to edit the header and footer.
- Customize the navigation menu, logo, and contact details.
Here 3 header provide you can choose any one header if you wish. we choose header 1(Default) edit the button and edit header if you added all items like header menu, social icon, logo etc…
You can drag and drop the elementor widget’s menu first. If you’d like, you can add items or simply drag each one, after which you can add a social icon from the widget and menu cart than apply a custom style from the style option.
you can add contact details , timing, logo, menu and if you wish in footer, and create you best design.
Home Page Setup
Using Pre-Built Layouts
Navigate to Setting >> Reading
Choose the Static Page option.
Choose an existing homepage or create a new one.
Add The Section in home page using elementor
Add components such as these using the Drag & Drop Builder:
- Hero Section
- Special Products
- Products
- Our Services
- newslatter
- Our Team
- Customized cake section
- Menu & It’s Pricing
- Gallery Section
- Review Section
- Contact
- FAQ
Main Hero Section
Background Image: Set or update the background image for the section.
banner Heading Title: Choose whether to display a heading over the background.
Banner Text: Configure the text that appears on the Banner background image.
Banner Heading Color: Adjust the color of the banner heading to match your design.
Banner Heading Fonts: Change the font style and size of the banner heading.
Button Text Fonts: Customize the font used for button text to align with your branding.
Other Button: add another button for play video in lightbox you can add any video for video button
Our Specialities
Products Content Settings
Content Tab
- Columns: Set how many products you want in a row. (Example: 3)
- Rows: Set the number of rows displayed. (Example: 4)
- Pagination: Toggle on if you want to split products across multiple pages.
Query Settings
- Customize which products are shown by setting filters, categories, or specific selections.
Products Style Settings
Style Tab
- Alignment: Choose Left, Center, Right, or Justified alignment for your product titles.
- Typography: Click the 🌐 (globe icon) to choose a Google Font.
- Set Font Family (e.g., “Playfair Display”, “Roboto”).
- Adjust font size, weight (boldness), line height, letter spacing, and text transformation (uppercase/lowercase).
- Text Color: Choose a text color using the 🎨 color picker.
- Text Stroke: Add an outline effect to your text.
- Text Shadow: Apply and customize shadow effects to give your text depth.
- Blend Mode: Set blending options for creative visual effects.
Advanced Settings (Optional)
Advanced Tab
- Padding and Margin: Add spacing inside and outside the product box for better layout control.
- Motion Effects: Enable animations like fade-in or slide-in to make the section more dynamic.
- Z-Index: Adjust if your product cards overlap with other elements. Higher values bring elements forward.
Counter Content Settings
Content Tab
- Starting Number: Set the number the counter starts from (Example: 0).
- Ending Number: Set the final number to display (Example: 30, 250, 48, 150).
- Number Prefix: Add a prefix if needed (leave blank if not required).
- Number Suffix: Add a suffix like “+” to indicate more than the stated number.
- Animation Duration (ms): Set the time (in milliseconds) for the counting animation (Example: 2000 ms = 2 seconds).
- Thousand Separator: Enable to show a separator for large numbers (e.g., 1,000).
- Separator Type: Choose the separator style (comma, dot, space, etc.).
- Title: Enter a descriptive title for each counter item (e.g., “Year Of Experience”, “Type Of Cake”, “Complete Projects”, “Happy Client”).
Our Products
Product Carousel Content Settings
Content Tab
- Starting Number & Ending Number (Counter Settings):
Configure the animated counters if displaying statistics like “Years of Experience” alongside your products. - Product Listings: Display featured cakes with an attractive carousel layout.
- Title: Set a catchy heading like “Our Featured Cakes” to introduce the product section.
- Product Name: Enter the name of each cake (e.g., “KitKat & Gems Cake”, “Ferrero Rocher Cake”, “Mango Cheesecake”).
- Price: Set the price for each product clearly (e.g., ₹120.00, ₹200.00, ₹80.00).
- Add to Cart Button: Enable an easy-to-spot button labeled “Add To Cart” under each product, encouraging purchases.
Carousel Settings
- Navigation Arrows: Allow users to scroll left or right through the featured cakes.
- Number of Visible Products: Adjust the number of cakes visible at once (example shown: 3 products per view).
- Autoplay: Enable or disable automatic scrolling if desired.
- Loop: Enable looping for continuous scrolling through products.
Style Tab
- Heading Style: Customize “Our Featured Cakes” with font family, size, color, and alignment.
- Product Card Design: Set border radius, shadow, and spacing to enhance card appearance.
- Typography: Adjust font settings for product names, prices, and button texts.
- Button Style: Style the “Add To Cart” button with custom colors, padding, border radius, and hover effects.
Our Services
- Service Titles: Set clear and engaging titles like “Custom Cake Orders,” “Same-Day Delivery,” and “Online Cake Ordering” for each service block.
- Icon Settings: Use relevant icons (cake, delivery van, shopping cart) to visually represent each service and make it easily recognizable.
- Service Description: Add a short, friendly description for each service. Keep it under 2–3 lines to maintain a clean and readable layout.
- View Style: Choose “Stacked” view for a neat, organized appearance, placing the icon above the text.
- Shape: Select “Circle” for icon backgrounds to keep the design soft and welcoming.
Style Tab
- Box Design: Use subtle background colors for each service block to create visual separation. Add gentle borders and soft box shadows for depth.
- Icon Style: Customize icon background colors and sizes for consistency across all service cards.
- Typography: Set elegant and readable fonts for titles (bold) and descriptions (regular). Adjust font size, line height, and letter spacing for a polished look.
- Spacing: Add padding inside each service box for comfortable reading and adjust margins to space them out evenly.
Our Team Section
- Team Section Heading: Set an inviting title like “Our Team” to introduce your team members, with a stylish subheading such as “Our Skills Are Quite Professional” to build trust.
- Team Member Images: Upload professional, high-quality photos of your team members (example shown: Emma Collins, Liam Turner, Sophie Bennett, James Walker).
- Team Member Names: Display the name of each team member prominently under their photo for easy identification.
- Roles (Optional): You can add short titles like “Head Baker,” “Cake Designer,” or “Pastry Chef” below each name for extra professionalism.
Customized cake section
Text Style (Heading and Paragraphs):
- Click on the Heading or Text Editor widget.
- Go to the Style Tab:
- Alignment: Set to Left.
- Typography: Click the 🌐 Globe Icon next to “Typography” → Choose a Google Font (e.g., “Playfair Display” or “Roboto”).
- Set Font Size, Weight (boldness), Letter Spacing, etc.
- Text Color: Use the 🎨 Color Picker to select your desired color (e.g., dark brown like the one you showed).
Menu & Pricing Section
Setup Tabs Content
- Under the Content tab (left panel):
- You already have Tabs like:
- Birthday Cake
- Wedding Cake
- Customize Cake
- You can Add Tab or Edit the title and content inside each one.
- Background Color (Normal and Active)
- Set Normal background light (like white).
- Set Active background dark brown (as shown).
- Border: Add a thin border around tabs.
- Border color: light grey or brown.
- Typography: Font Family: e.g., “Playfair Display” or “Roboto”
- Font Size: 18px–20px.
- Font Weight: 600 or Bold.
- Text Color: Normal: Dark Brown / Black
- Active: White (when tab is selected)
➤ Title (Inside Each Tab)
- Typography:
- Font: Elegant font like “Playfair Display” or “Poppins.”
- Font Size: 22px–24px for Cake Names.
- Price: Make it Bold (Font Weight 700).
- Text Color:
- Dark Brown (#4B2E24) for Titles.
- Lighter Color (#7A5C4B) for descriptions.
➤ Content Background
- Set Background Color for the inside part (where cakes are listed).
- Light Beige or Soft Cream color (to match the cake theme).
➤ Image Styling
- Image Size: Set to Medium.
- Border Radius: 10px for rounded edges.
- Image Alignment: Left side.
- Add Padding between image and text (e.g., 15px gap).
➤ Layout Settings
- Direction: Set Tabs to Horizontal (like your screenshot).
- Justify: Center or Start (depending if you want tabs left-aligned or centered).
- Align Title: Center for best looking.
Our Gallery
Typography:
- Font Family: Use an elegant font like “Playfair Display” or “Poppins.”
- Font Size: 36px–42px for the Main Heading (“Browse Through Our Freshly Baked Masterpieces!”).
- Font Weight: Bold (700) to create a strong visual focus.
- Letter Spacing: Slightly increased (e.g., 0.5px) for a clean luxury feel.
- Text Color:
- Main Title: Soft Peach (#E6B8A2) or similar bakery-themed color.
- Subheading (“Gallery”): Dark Brown (#4B2E24) in script/cursive style for a handcrafted touch.
- Alignment: Center-align both the heading and subheading.
Image Styling
- Image Size: Set images to Medium or Large (depending on responsiveness needed).
- Border Radius: Add a 10px border radius to create soft rounded corners.
- Spacing: Add 15px to 20px padding or margin between images to avoid tight crowding.
- Image Alignment: Align images uniformly in a grid style.
- Hover Effect (Optional): Add a subtle zoom or shadow effect on image hover for interactivity.
Grid Layout:
- Use a 2-row x 4-column structure (as shown in the image) for desktop view.
- Adjust to 2 columns for tablet and 1 column for mobile.
- Alignment: Center-align the entire image grid under the heading.
- Gap Settings: Add Row Gap: 20px and Column Gap: 20px between images.
What Our Client Say!
Typography:
- Subheading & Main Heading
- font, font size, font family, color, text alignment
Testimonial Box Styling
- Box Background
- Box Shadow
- Border Radius
- Text Typography
- Testimonial Text, Reviewer Name, Reviewer Role
- Star Ratings
- Reviewer Image
Image Section (Right Side)
- Image Styling:
Full-width image for the right container (cake image).
No border radius (keep sharp edges).
Maintain natural, high-quality look of the product (cake).
Contact Section
Main Offer (“10% Off Your First Order!”)
- Typography
- Text Color
- Alignment
Bullet Points (Special Offers):
- Font: Clean Sans-serif like “Poppins” or “Open Sans.”
- Font Size: 16px–18px.
- Text Color: Light Beige (#FDE8D6).
- Icons: Use a small event/calendar or cupcake icon before each line.
- Icon Color: Same light color or slightly lighter for soft contrast.
Contact Form Styling
- Form Fields (Name, Email, Phone, Date, Message)
Background: Transparent or very slightly tinted to match the design.
FAQ Section
Main Heading (“Frequently Asked Questions”)
- Font: Elegant Serif like “Playfair Display” or “Merriweather.”
- Font Size: 36px–40px.
- Text Color: Deep Brown (#5C3D2E).
- Alignment: Centered or Left-Aligned depending on layout.
FAQ Boxes
- Accordion Style: Expandable/Collapsible for clean UX.
- Background (Closed State): Light Beige (#FDE8D6).
- Background (Open State): Slightly Darker Beige (#F7D7BF).
- Border Radius: 8px–12px.
- Font: Sans-serif like “Poppins” or “Open Sans.”
- Font Size: 16px–18px.
- Text Color: Dark Gray (#333333).
Icons
- Closed State: “+” icon.
- Open State: “-” icon.
- Icon Color: Dark Brown (#5C3D2E).
Plugins Required for This Template Kit
Core Plugins:
- Elementor (Free) — Main page builder.
- Elementor Pro (Paid) — For advanced forms, animations, and professional widgets.
Design & Styling:
- Advanced Product Fields for WooCommerce
- File Uploads Addon for WooCommerce
- Variation Swatches for WooCommerce
In this template kit are used for above plugin, all plugin are used for in this plugin directories.
This Template Kit is perfect for bakeries, cake shops, pastry stores, and dessert cafés looking to create a sweet, inviting online presence.
With elegant typography, soft pastel colors, engaging special offers, interactive FAQs, and a beautifully styled contact form, your visitors will enjoy a seamless and delightful experience.