Design Stunning WooCommerce Shop, Category, & Archive Pages Without Plugins

Ғылым және технология

Tired of cookie-cutter WooCommerce stores? Want to wow your customers with a unique and visually appealing shopping experience? Then ditch the plugins and unlock your design potential with this video!
Here's what you'll learn:
1. Install the necessary plugins (WooCommerce, WPcode, YITH).
2. Add products using a .csv file if not added already.
3. Replace the “Add to cart” with the “Add to quote” button with YITH.
4. Enable “short description” for products on the shop page.
5. Customize/design the shop page:
a. Customize the product cards with your brand design.
b. Truncate the product title by 2 lines.
c. Truncate the product short description by 4 lines.
d. Remove price and star ratings.
e. Dethe the sign “Add to Quote” button.
6. Organize your the code with WPcode (Code Snippets) plugin.
This video is perfect for:
1.Seasoned designers who want to explore the plugin-free approach.
2.Complete beginners who want to take control of their WooCommerce store's design without overwhelm.
3.Anyone who wants to:
a.Boost sales with a more engaging and user-friendly shopping experience.
b.Save money by ditching unnecessary plugins.
c.Express their brand identity through a visually cohesive store.
d.mpress customers with a professional and polished look.
So ditch the limitations and unleash your creativity! Click play and start designing the WooCommerce store of your dreams, today!
P.S. Don't forget to subscribe for more WordPress and WooCommerce tips and tricks!
Keywords: #WooCommerceDesign #ShopPageDesign #CategoryPageDesign #ArchivePageDesign #WordPressDesign #NoPlugins, #FreeDesignTips #WooCommerceCustomization.
Video Credit: Rahil Bin Mushfiq
Chapters:
00:00 Introduction
01:18 Step 1: Install necessary plugins
02:34 Step 2: Add products
04:08 Step 3: Include add to quote button
10:26 Step 4: Include short description
12:15 Step 6: Design the shop page
22:12 Step 6: Organize code with WPcode
23:22 Result
Resource Page Link- resourcesone.blogspot.com/202...
#techmentors #tech.mentor

Пікірлер: 42

  • @emibd2608
    @emibd26084 ай бұрын

    Very well explained!

  • @Sumaiya_Manisha
    @Sumaiya_Manisha4 ай бұрын

    well explained about WooCommerce Shop, Category, & Archive Pages

  • @ts-sh5gz
    @ts-sh5gz4 ай бұрын

    Well explained

  • @lindaagyeibea8270
    @lindaagyeibea82702 ай бұрын

    Very informative

  • @JavidIsmail
    @JavidIsmail3 ай бұрын

    Great informative video

  • @AreebaSiraj
    @AreebaSirajАй бұрын

    Very helpful

  • @bhavinsoni2462
    @bhavinsoni24622 ай бұрын

    great informative video

  • @milindmohan9533
    @milindmohan95336 ай бұрын

    Please make a video on how to make CSV file for products

  • @tech.mentors

    @tech.mentors

    5 ай бұрын

    Create a couple of products manually or download some products from any demo website and export the product. Then you can edit the CSV file and add more information.

  • @user-mc2hd3mi5v
    @user-mc2hd3mi5v6 ай бұрын

    Great job 👍👏

  • @tech.mentors

    @tech.mentors

    6 ай бұрын

    Thank you! Cheers!

  • @DiegoGarcia-ee9qz
    @DiegoGarcia-ee9qz4 ай бұрын

    good video

  • @sakerasultana3550
    @sakerasultana35502 ай бұрын

    Very Descriptive video!!!

  • @letsfly7961
    @letsfly79613 ай бұрын

    great

  • @denizenofnorth
    @denizenofnorth2 ай бұрын

    helpfull

  • @09khushbookumari4
    @09khushbookumari413 күн бұрын

    in code description where is code for enable short descriptions. my wordpress doest contain it by default.Please provide solution of it

  • @FitriaFiles
    @FitriaFilesКүн бұрын

    May I ask for the CSV file?

  • @FitriaFiles
    @FitriaFilesКүн бұрын

    May I have the csv file?

  • @lonei7060
    @lonei7060Ай бұрын

    During the editing the css is not appled

  • @user-iw3of2gy9p
    @user-iw3of2gy9pАй бұрын

    Sir no show description

  • @briansalvator
    @briansalvator5 ай бұрын

    What the plugin used to add the short description?

  • @tech.mentors

    @tech.mentors

    5 ай бұрын

    It is a theme default feature

  • @fariyajannat6329
    @fariyajannat63294 ай бұрын

    Did you use the YITH plugin paid version or the free version?

  • @tech.mentors

    @tech.mentors

    4 ай бұрын

    Free

  • @johnmuninga8663
    @johnmuninga86635 ай бұрын

    The Customize part to display description for each product is not showing. How can I fix it ?

  • @tech.mentors

    @tech.mentors

    5 ай бұрын

    Give me more details so that I can help you.

  • @Itsme.Sallly

    @Itsme.Sallly

    2 ай бұрын

    where you able to figure it out

  • @vasanthagudaru5499
    @vasanthagudaru54996 ай бұрын

    Where is the code snippets code you are not provided in description

  • @tech.mentors

    @tech.mentors

    6 ай бұрын

    The code is available in our resource page.

  • @user-si5ej2jj4f

    @user-si5ej2jj4f

    5 ай бұрын

    Hi, just wondering where is the resource page @@tech.mentors

  • @tech.mentors

    @tech.mentors

    5 ай бұрын

    The link of the resource page is in the description of the video.

  • @entertainment_4_ever_
    @entertainment_4_ever_6 ай бұрын

    Is it spend money for install the plugin or its free to use ??

  • @tech.mentors

    @tech.mentors

    6 ай бұрын

    No, it's free to use.

  • @entertainment_4_ever_

    @entertainment_4_ever_

    6 ай бұрын

    Ok

  • @entertainment_4_ever_

    @entertainment_4_ever_

    6 ай бұрын

    Customize preview is not showing in the appearance menu. What I do?

  • @figgiano

    @figgiano

    5 ай бұрын

    @@tech.mentors Customize preview is not showing in the appearance menu. What I do

  • @tech.mentors

    @tech.mentors

    5 ай бұрын

    Change the theme

  • @AimanSarfraz-om9yg
    @AimanSarfraz-om9yg2 ай бұрын

    👍

  • @fikriibnufajar7539
    @fikriibnufajar75397 күн бұрын

    what your theme sir

  • @tech.mentors

    @tech.mentors

    4 күн бұрын

    Astra

  • @MotheanilIT
    @MotheanilIT19 күн бұрын

    well explained about WooCommerce Shop, Category, & Archive Pages

Келесі