优化

resources/appearance/TechVista/__product_list_1.liquid

@@ -21,21 +21,14 @@
             </div>
 
             <div class="block-body text-center">
-                <h3 class="heading heading-5 strong-600 text-capitalize">
-                    <a  href="/products/{{ item.id }}" target="_blank" >
-                        {{ item.title | strip_html }}
+                <h3 class="heading heading-5 strong-600 text-capitalize title-over-flow" >
+                    <a  href="/products/{{ item.id }}" target="_blank"  title=" {{ item.title | strip_html  }}">
+                        {{ item.title | strip_html  }}
                     </a>
                 </h3>
-                <p class="product-description">
-                    {{ item.content | strip_html | truncate: 20 | default: "No description " }}
+                <p class="product-description title-over-flow">
+                    {{ item.content | strip_html | default: "No description " }}
                 </p>
-                {% comment %}<div class="product-colors mt-2">{% endcomment %}
-                    {% comment %}<div class="color-switch float-wrapper">{% endcomment %}
-                        {% comment %}<a href="#" class="bg-purple"></a>{% endcomment %}
-                        {% comment %}<a href="#" class="bg-pink"></a>{% endcomment %}
-                        {% comment %}<a href="#" class="bg-blue"></a>{% endcomment %}
-                    {% comment %}</div>{% endcomment %}
-                {% comment %}</div>{% endcomment %}
                 <div class="product-buttons mt-4">
                     <a href="/products/{{ item.id }}" class="btn  btn-gray-dark btn-circle px-4" target="_blank">
                         Explore

resources/appearance/TechVista/collection_list.liquid

@@ -42,7 +42,7 @@
                                                     <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">
 
                                                         {% if item.cover_image %}
-                                                            <img src="{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_pad,w_300,h_300'  }}" alt="Cover Image " class="default-image-thumbnail" >
+                                                            <img src="{{ site.image_base_url }}{{ item.cover_image | append: '?x-oss-process=image/resize,m_pad,w_400,h_400'  }}" alt="Cover Image "  >
                                                         {% else %}
                                                             <div class="img-center default-image-thumbnail no-image-placeholder-thumbnail">
                                                                 <span>No Image</span>
@@ -54,8 +54,8 @@
                                             </div>
 
                                             <div class="card-body">
-                                                <h3 class="heading heading-5 strong-500 mb-0">
-                                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}">{{ item.title | strip_html }}</a>
+                                                <h3 class="heading heading-5 strong-500 mb-0 title-over-flow" >
+                                                    <a href="/pages/{% if item.slug %}{{ item.slug }}{% else %}{{ item.id }}{% endif %}" title="{{ item.title | strip_html }}">{{ item.title | strip_html }}</a>
                                                 </h3>
                                             </div>
 

resources/appearance/TechVista/home.liquid

@@ -204,75 +204,7 @@
                         </div>
                     </section>
 
-                    {% comment %}<section class="slice sct-color-2">{% endcomment %}
-                        {% comment %}<div class="container">{% endcomment %}
-                            {% comment %}<div class="row align-items-end pb-100">{% endcomment %}
-                                {% comment %}<div class="col-lg-8 order-lg-2">{% endcomment %}
-                                    {% comment %}<div class="block block-image-holder">{% endcomment %}
-                                        {% comment %}<div class="block-image">{% endcomment %}
-                                            {% comment %}<img src="static/picture/img-promo-wide-2.jpg" class="img-fluid">{% endcomment %}
-                                        {% comment %}</div>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-{% comment %}{% endcomment %}
-                                {% comment %}<div class="col-lg-4 order-lg-1">{% endcomment %}
-                                    {% comment %}<div class="feature feature--boxed-border floating-content floating-content--2 float--right mb--100 feature--bg-1 z-depth-2-top">{% endcomment %}
-                                        {% comment %}<div class="py-4 px-3">{% endcomment %}
-                                            {% comment %}<h2 class="heading heading-3 strong-600">{% endcomment %}
-                                                {% comment %}Listening to Music{% endcomment %}
-                                            {% comment %}</h2>{% endcomment %}
-                                            {% comment %}<span class="clearfix"></span>{% endcomment %}
-                                            {% comment %}<p class="mt-4 line-height-1_8">{% endcomment %}
-                                                {% comment %}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.{% endcomment %}
-                                            {% comment %}</p>{% endcomment %}
-{% comment %}{% endcomment %}
-                                            {% comment %}<div class="btn-container mt-4">{% endcomment %}
-                                                {% comment %}<a href="#" class="btn btn-lg btn-gray-dark btn-circle px-4">Explore</a>{% endcomment %}
-                                                {% comment %}<a href="#" class="btn btn-lg btn-base-1 btn-circle btn-icon-left px-4">{% endcomment %}
-                                                    {% comment %}<i class="icon ion-bag"></i> Buy now{% endcomment %}
-                                                {% comment %}</a>{% endcomment %}
-                                            {% comment %}</div>{% endcomment %}
-                                        {% comment %}</div>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-                            {% comment %}</div>{% endcomment %}
-                        {% comment %}</div>{% endcomment %}
-                    {% comment %}</section>{% endcomment %}
-
-                    {% comment %}<section class="slice sct-color-2">{% endcomment %}
-                        {% comment %}<div class="container">{% endcomment %}
-                            {% comment %}<div class="row align-items-start">{% endcomment %}
-                                {% comment %}<div class="col-lg-8">{% endcomment %}
-                                    {% comment %}<div class="block block-image-holder">{% endcomment %}
-                                        {% comment %}<div class="block-image">{% endcomment %}
-                                            {% comment %}<img src="static/picture/img-promo-wide-1.jpg" class="img-fluid">{% endcomment %}
-                                        {% comment %}</div>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-{% comment %}{% endcomment %}
-                                {% comment %}<div class="col-lg-4">{% endcomment %}
-                                    {% comment %}<div class="feature feature--boxed-border floating-content floating-content--2 float--left top-0 mt--100 feature--bg-1 z-depth-2-top">{% endcomment %}
-                                        {% comment %}<div class="py-4 px-3">{% endcomment %}
-                                            {% comment %}<h2 class="heading heading-3 strong-600">{% endcomment %}
-                                                {% comment %}Dreaming in Colors{% endcomment %}
-                                            {% comment %}</h2>{% endcomment %}
-                                            {% comment %}<span class="clearfix"></span>{% endcomment %}
-                                            {% comment %}<p class="mt-4 line-height-1_8">{% endcomment %}
-                                                {% comment %}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.{% endcomment %}
-                                            {% comment %}</p>{% endcomment %}
-{% comment %}{% endcomment %}
-                                            {% comment %}<div class="btn-container mt-4">{% endcomment %}
-                                                {% comment %}<a href="#" class="btn btn-lg btn-gray-dark btn-circle px-4">Explore</a>{% endcomment %}
-                                                {% comment %}<a href="#" class="btn btn-lg btn-base-1 btn-circle btn-icon-left px-4">{% endcomment %}
-                                                    {% comment %}<i class="icon ion-bag"></i> Buy now{% endcomment %}
-                                                {% comment %}</a>{% endcomment %}
-                                            {% comment %}</div>{% endcomment %}
-                                        {% comment %}</div>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-                            {% comment %}</div>{% endcomment %}
-                        {% comment %}</div>{% endcomment %}
-                    {% comment %}</section>{% endcomment %}
+
 
 
 
@@ -296,79 +228,7 @@
                         </div>
                     </section>
 
-                    {% comment %}<section class="slice sct-color-1">{% endcomment %}
-                        {% comment %}<div class="container">{% endcomment %}
-                            {% comment %}<div class="row align-items-center">{% endcomment %}
-                                {% comment %}<div class="col-lg-6 ml-lg-auto order-lg-2">{% endcomment %}
-                                    {% comment %}<img src="static/picture/img-product-lg-1.jpg" class="img-fluid">{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-{% comment %}{% endcomment %}
-                                {% comment %}<div class="col-lg-5 order-lg-1">{% endcomment %}
-                                    {% comment %}<div class="">{% endcomment %}
-                                        {% comment %}<h3 class="heading heading-2 strong-600">The most beautiful colors you've ever seen</h3>{% endcomment %}
-{% comment %}{% endcomment %}
-                                        {% comment %}<p class=" c-gray-light mt-4">{% endcomment %}
-                                            {% comment %}There is only that moment, and the incredible certainty that everything under the sun has been written by one hand only.{% endcomment %}
-                                        {% comment %}</p>{% endcomment %}
-{% comment %}{% endcomment %}
-                                        {% comment %}<div class="btn-container mt-5">{% endcomment %}
-                                            {% comment %}<a href="#" class="btn btn-base-1 btn-circle btn-icon-left px-4" data-scroll-to="#scrollToSection">{% endcomment %}
-                                                {% comment %}<i class="icon ion-android-cart"></i> Add to cart{% endcomment %}
-                                            {% comment %}</a>{% endcomment %}
-                                            {% comment %}<a href="#" class="btn btn-base-3 btn-circle btn-icon-left px-4" data-scroll-to="#scrollToSection">{% endcomment %}
-                                                {% comment %}Learn more{% endcomment %}
-                                            {% comment %}</a>{% endcomment %}
-                                        {% comment %}</div>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-                            {% comment %}</div>{% endcomment %}
-                        {% comment %}</div>{% endcomment %}
-                    {% comment %}</section>{% endcomment %}
-
-
-                    {% comment %}<section class="slice-sm bg-base-1">{% endcomment %}
-                        {% comment %}<div class="container sct-inner">{% endcomment %}
-                            {% comment %}<div class="row cols-xs-space cols-sm-space cols-md-space">{% endcomment %}
-                                {% comment %}<div class="col-lg-4 b-lg-right b-inverse">{% endcomment %}
-                                    {% comment %}<div class="px-3 py-3 text-lg-center">{% endcomment %}
-                                        {% comment %}<h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Free shipping in 48/72H</h3>{% endcomment %}
-                                        {% comment %}<p class="c-white alpha-8 line-height-1_6">{% endcomment %}
-                                            {% comment %}Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod{% endcomment %}
-                                        {% comment %}</p>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-{% comment %}{% endcomment %}
-                                {% comment %}<div class="col-lg-4 b-lg-right b-inverse">{% endcomment %}
-                                    {% comment %}<div class="px-3 py-3 text-lg-center">{% endcomment %}
-                                        {% comment %}<h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Free returns</h3>{% endcomment %}
-                                        {% comment %}<p class="c-white alpha-8 line-height-1_6">{% endcomment %}
-                                            {% comment %}Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod{% endcomment %}
-                                        {% comment %}</p>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-{% comment %}{% endcomment %}
-                                {% comment %}<div class="col-lg-4">{% endcomment %}
-                                    {% comment %}<div class="px-3 py-3 text-lg-center">{% endcomment %}
-                                        {% comment %}<h3 class="heading heading-sm c-base-text-1 strong-600 text-uppercase ls-1">Secure payment</h3>{% endcomment %}
-                                        {% comment %}<ul class="inline-links mt-2">{% endcomment %}
-                                            {% comment %}<li>{% endcomment %}
-                                                {% comment %}<img src="static/picture/visa.png" width="30" class="img-grayscale">{% endcomment %}
-                                            {% comment %}</li>{% endcomment %}
-                                            {% comment %}<li>{% endcomment %}
-                                                {% comment %}<img src="static/picture/mastercard.png" width="30" class="img-grayscale">{% endcomment %}
-                                            {% comment %}</li>{% endcomment %}
-                                            {% comment %}<li>{% endcomment %}
-                                                {% comment %}<img src="static/picture/maestro.png" width="30" class="img-grayscale">{% endcomment %}
-                                            {% comment %}</li>{% endcomment %}
-                                            {% comment %}<li>{% endcomment %}
-                                                {% comment %}<img src="static/picture/paypal.png" width="30" class="img-grayscale">{% endcomment %}
-                                            {% comment %}</li>{% endcomment %}
-                                        {% comment %}</ul>{% endcomment %}
-                                    {% comment %}</div>{% endcomment %}
-                                {% comment %}</div>{% endcomment %}
-                            {% comment %}</div>{% endcomment %}
-                        {% comment %}</div>{% endcomment %}
-                    {% comment %}</section>{% endcomment %}
+
 
                     <!-- FOOTER -->
                     {% include '_footer.liquid' %}

resources/appearance/TechVista/products_categories.liquid

@@ -44,8 +44,8 @@
                                     <div class="col-lg-3 col-md-6 col-wrapper--spaced-y">
                                         <div class="card card-product z-depth-1-top z-depth-2--hover">
                                             <div class="card-body">
-                                                <h2 class="heading heading-6 strong-600 mt-2 mb-3">
-                                                    <a  href="/products/{{ item.id }}" target="_blank" >
+                                                <h2 class="heading heading-6 strong-600 mt-2 mb-3 title-over-flow">
+                                                    <a  href="/products/{{ item.id }}" target="_blank" title="{{ item.title | strip_html }}">
                                                         {{ item.title | strip_html }}
                                                     </a>
                                                 </h2>
@@ -73,8 +73,8 @@
 
                                                 <div class="mt-3">
 
-                                                    <p class="product-description mt-3 mb-0" style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
-                                                        {{ item.content | strip_html| strip_newlines | truncate: 20 | default: "No description " }}
+                                                    <p class="product-description mt-3 mb-0 title-over-flow" >
+                                                        {{ item.content | strip_html| strip_newlines | default: "No description " }}
                                                     </p>
                                                 </div>
                                             </div>
@@ -100,21 +100,47 @@
 
                             </div>
 
-                            {% comment %}<div class="pt-5">{% endcomment %}
-                                {% comment %}<nav aria-label="Product pagination">{% endcomment %}
-                                    {% comment %}<ul class="pagination pagination--style-2 justify-content-center">{% endcomment %}
-                                        {% comment %}<li class="page-item disabled">{% endcomment %}
-                                            {% comment %}<a class="page-link" href="#" tabindex="-1">Previous</a>{% endcomment %}
-                                        {% comment %}</li>{% endcomment %}
-                                        {% comment %}<li class="page-item"><a class="page-link" href="#">1</a></li>{% endcomment %}
-                                        {% comment %}<li class="page-item"><a class="page-link" href="#">2</a></li>{% endcomment %}
-                                        {% comment %}<li class="page-item"><a class="page-link" href="#">3</a></li>{% endcomment %}
-                                        {% comment %}<li class="page-item">{% endcomment %}
-                                            {% comment %}<a class="page-link" href="#">Next</a>{% endcomment %}
-                                        {% comment %}</li>{% endcomment %}
-                                    {% comment %}</ul>{% endcomment %}
-                                {% comment %}</nav>{% endcomment %}
-                            {% comment %}</div>{% endcomment %}
+                            <div class="pt-5">
+                                <nav aria-label="Product pagination">
+                                    <ul class="pagination pagination--style-2 justify-content-center">
+                                        <!-- Previous Page Link -->
+                                        {% if paginator.previous_page %}
+                                            <li class="page-item">
+                                                <a class="page-link" href="{{ paginator.previous_page_url }}" tabindex="-1">Previous</a>
+                                            </li>
+                                        {% else %}
+                                            <li class="page-item disabled">
+                                                <a class="page-link" href="#" tabindex="-1">Previous</a>
+                                            </li>
+                                        {% endif %}
+
+                                        <!-- Pagination Links -->
+                                        {% for page in paginator.pages %}
+                                            {% if page == paginator.current_page %}
+                                                <li class="page-item active">
+                                                    <span class="page-link">{{ page }}</span>
+                                                </li>
+                                            {% else %}
+                                                <li class="page-item">
+                                                    <a class="page-link" href="{{ paginator.page_url[page] }}">{{ page }}</a>
+                                                </li>
+                                            {% endif %}
+                                        {% endfor %}
+
+                                        <!-- Next Page Link -->
+                                        {% if paginator.next_page %}
+                                            <li class="page-item">
+                                                <a class="page-link" href="{{ paginator.next_page_url }}">Next</a>
+                                            </li>
+                                        {% else %}
+                                            <li class="page-item disabled">
+                                                <a class="page-link" href="#">Next</a>
+                                            </li>
+                                        {% endif %}
+                                    </ul>
+                                </nav>
+                            </div>
+
                         </div>
                     </section>
 

resources/appearance/TechVista/version.liquid

@@ -0,0 +1 @@
+<!-- update date 2024-11-26 17:10 -->