后台编辑器

app/Admin/Controllers/DistAppearanceController.php

@@ -126,7 +126,7 @@ class DistAppearanceController extends AdminController
             $form->number('order')
                 ->default(0)
                 ->rules('numeric');
-            $form->switch('enabled')->default(0);
+            $form->switch('enabled')->default(0)->readOnly();
             $form->saving(function (Form $form) {
                 if ($form->isCreating() && $form->input('enabled') == 1) {
                     return $form->response()->error('Please create the template first, then import it, and finally enable it.');

app/Admin/Forms/AppearanceImPortForm.php

@@ -80,6 +80,8 @@ class AppearanceImPortForm extends Form implements LazyRenderable
             return ['status' => false, 'error' => "解压文件到 $extractPath 失败。"];
         }
         $zip->close();
+        //解压后，停0.1秒
+        usleep(100000);
         //判断tmp下是否只有一个文件夹，如果是，移动到trulyPath
         // 递归删除 $trulyPath 下的所有文件和文件夹
         $deleteDirectoryContents = $this->deleteDirectoryContents($trulyPath);

lang/zh_CN/menu.php

@@ -49,5 +49,6 @@ return [
         'inquiry_list' => '询盘列表',
         'password_change' => '密码修改',
         'distributor' => '分销商',
+        'appearance_list' => '外观列表',
     ],
 ];

resources/appearance/OceanWP/__product_list_1.liquid

@@ -9,7 +9,7 @@
                 <a  href="/products/{{ item.id }}" target="_blank" >
 
                     {% if item.images and item.images[0].image_url %}
-                        <img src="{{ site.image_base_url }}{{ item.images[0].image_url | append: '?x-oss-process=image/resize,m_lfit,h_200' }}"
+                        <img src="{{ site.image_base_url }}{{ item.images[0].image_url | append: '?x-oss-process=image/resize,m_pad,w_300,h_300' }}"
                              class="img-center default-image-thumbnail">
                     {% else %}
                         <div class="img-center default-image-thumbnail no-image-placeholder-thumbnail">
@@ -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/OceanWP/collection_list.liquid

@@ -42,10 +42,9 @@
                                                     <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 }}" 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"
-                                                                 style="width: 100%; height: 200px; background-color: #e0e0e0; display: flex; justify-content: center; align-items: center; color: #555;">
+                                                            <div class="img-center default-image-thumbnail no-image-placeholder-thumbnail">
                                                                 <span>No Image</span>
                                                             </div>
                                                         {% endif %}
@@ -55,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/OceanWP/home.liquid

@@ -28,7 +28,7 @@
 <!-- START REVOLUTION SLIDER 5.3.0.2 fullwidth mode -->
 	<div id="rev_slider_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.3.0.2" >
 		<ul>
-			<li data-index="rs-1" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb="../../images/slider/concept-1-100x50.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+			<li data-index="rs-1" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb=""  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
 				<!-- MAIN IMAGE -->
 				<img src="static/picture/iphone-1.jpg"  alt=""  data-bgposition="top center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
 
@@ -108,7 +108,7 @@
 			</li>
 
 			<!-- SLIDE 2 -->
-			<li data-index="rs-2" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb="../../images/slider/concept-1-100x50.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
+			<li data-index="rs-2" data-transition="slidevertical" data-slotamount="1" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="1500"  data-thumb=""  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
 				<!-- MAIN IMAGE -->
 				<img src="static/picture/macbook-1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
 
@@ -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/OceanWP/pages_detail.liquid

@@ -16,21 +16,14 @@
 <!-- MAIN WRAPPER -->
 <div class="body-wrap shop-default shop-cards shop-tech">
     <div id="st-container" class="st-container">
-
-
-
         <div class="st-pusher">
             <div class="st-content">
                 <div class="st-content-inner">
                     <!-- HEADER -->
                     {% include '_header.liquid' %}
                     <!-- END: HEADER -->
-
                     <section class="slice sct-color-1">
                         <div class="container">
-
-
-
                             <section class="slice-sm sct-color-1">
                                 <div class="container container-xs">
                                     <div class="block block-post">
@@ -41,23 +34,11 @@
 
                                             {{page.content | raw }}
 
-                                            {% comment %}<div class="tagcloud tagcloud--style-1 clearfix">{% endcomment %}
-                                                {% comment %}<a href="#"><span>Rooms</span></a>{% endcomment %}
-                                                {% comment %}<a href="#"><span>Simple</span></a>{% endcomment %}
-                                                {% comment %}<a href="#"><span>Decorated</span></a>{% endcomment %}
-                                                {% comment %}<a href="#"><span>Wood</span></a>{% endcomment %}
-                                            {% comment %}</div>{% endcomment %}
                                         </div>
-
-
-
                                     <!-- Comment form -->
-
                                 </div>
-                        </div>
+                             </div>
                     </section>
-
-
                         </div>
                     </section>
 

resources/appearance/OceanWP/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>
@@ -56,10 +56,8 @@
                                                             <div class="swiper-wrapper">
                                                                 <div class="swiper-slide">
                                                                     <a  href="/products/{{ item.id }}" target="_blank" >
-
-
                                                                     {% if item.images and item.images[0].image_url %}
-                                                                        <img src="{{ site.image_base_url }}{{ item.images[0].image_url | append: '?x-oss-process=image/resize,m_lfit,h_200' }}"
+                                                                        <img src="{{ site.image_base_url }}{{ item.images[0].image_url | append: '?x-oss-process=image/resize,m_pad,w_200,h_200' }}"
                                                                              class="img-fluid img-center img-primary default-image-thumbnail-small">
                                                                     {% else %}
                                                                         <div class="img-fluid img-center img-primary default-image-thumbnail-small no-image-placeholder-thumbnail-small">
@@ -75,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>
@@ -102,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/OceanWP/products_detail.liquid

@@ -8,19 +8,13 @@
 <meta name="description" content="{{ product.seo_description }}">
 <meta name="keywords" content="{{product.seo_keywords}}">
 <title>{{product.seo_title}}</title>
-
-
 {% include '_header_css.liquid' %}
 </head>
 <body>
 
-
 <!-- MAIN WRAPPER -->
 <div class="body-wrap shop-default shop-cards shop-tech">
     <div id="st-container" class="st-container">
-
-
-
         <div class="st-pusher">
             <div class="st-content">
                 <div class="st-content-inner">
@@ -42,7 +36,7 @@
                                                     {% for item in product.images %}
                                                         <div class="swiper-slide">
                                                             <a href="{{ site.image_base_url }}{{ item.image_url }}?x-oss-process=image/resize,w_500,m_lfit" data-desoslide-index="{{ forloop.index0 }}">
-                                                                <img src="{{ site.image_base_url }}{{ item.image_url }}?x-oss-process=image/resize,h_100,m_lfit" alt="{{ product.title }}">
+                                                                <img src="{{ site.image_base_url }}{{ item.image_url }}?x-oss-process=image/resize,m_pad,w_100,h_100" alt="{{ product.title }}">
                                                             </a>
                                                         </div>
                                                     {% endfor %}
@@ -59,34 +53,20 @@
                                         <div class="product-description-wrapper px-1">
                                             <!-- Product title -->
                                             <h2 class="product-title">
-                                                {{product.title }}
+                                                {{product.title | strip_html }}
                                             </h2>
-
                                             <hr>
-
                                             <div class="row align-items-center">
 
-
                                             </div>
 
                                             <!-- Product description -->
-                                            <div class="product-short-text mt-3">
-                                                <h3 class="heading heading-xs strong-500 text-uppercase">
-                                                    Description:
-                                                </h3>
-                                                <p>
-                                                    {{product.content }}
-                                                </p>
-                                            </div>
-
-                                            <hr>
-
 
                                             <table class="table table-specs">
-
+                                                <tbody>
                                                 {% for item in product.parameters %}
 
-                                                <tbody>
+
                                                 <tr>
                                                     <td>
                                                         <span class="c-gray-light strong-600">  {{ item.key }}</span>
@@ -109,24 +89,9 @@
                                                         <div class="d-table product-quantity width-100 mt-3">
 
                                                             <div class="d-table-cell">
-                                                                <!-- Add to cart button -->
-                                                                {% comment %}<button type="button" class="btn btn-styled btn-block btn-base-1 btn-icon-left">{% endcomment %}
-                                                                    {% comment %}<i class="icon ion-android-cart"></i> Get a quote{% endcomment %}
-                                                                {% comment %}</button>{% endcomment %}
-{% comment %}{% endcomment %}
-                                                                {% comment %}<a data-fancybox data-type="iframe" data-src="/contact" href="javascript:;">{% endcomment %}
-                                                                    {% comment %}Webpage{% endcomment %}
-                                                                {% comment %}</a>{% endcomment %}
-
-
-
-                                                                <!-- The button that will retrieve the content from the hidden div -->
                                                                 <a data-fancybox data-src="#fancybox_hidden_content" class="btn btn-base-1 btn-icon-left" href="javascript:;">
                                                                     <i class="icon ion-android-add"></i>     Get a quote
                                                                 </a>
-
-
-
                                                             </div>
                                                         </div>
                                                     </form>
@@ -139,6 +104,25 @@
 
                             <span class="space-xs-xl"></span>
 
+                            <div class="row-wrapper">
+                                <div class="row cols-xs-space cols-sm-space cols-md-space">
+                                    <div class="col-lg-12">
+                                        <div class="feature  feature--bg-1">
+                                            <h3 class="heading heading-6 strong-600">     Description:</h3>
+
+
+
+                                            <p>
+                                                {{product.content | raw }}
+                                            </p>
+                                        </div>
+                                    </div>
+
+
+                                </div>
+
+
+                            </div>
 
                         </div>
                     </section>

resources/appearance/OceanWP/version.liquid

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

resources/views/admin/pages-custom/ace.blade.php

@@ -49,6 +49,11 @@
     .submenu .list-group-item:hover {
         background-color: rgba(221, 251, 239, 0.56);
     }
+    .submenu .list-group-item.active {
+        background-color: rgba(221, 251, 239, 0.56);
+        border-color:#fff;
+        color: #414750;
+    }
     .custom-blue-bold {
         color: #1e1e1e; /* Bootstrap 的 primary 颜色 */
         font-weight: bold;
@@ -214,9 +219,11 @@
         var actionclick = function() {
             $('.file-action').click(function() {
                 //去掉上一个文件的加粗
-                $('.custom-blue-bold').removeClass('custom-blue-bold');
+                $('.active').removeClass('active');
                 //加粗
-                $(this).addClass('custom-blue-bold');
+                var $li = $(this).closest('li');
+                $li.addClass('active');
+
                 //去掉保存与变量管理按钮的disabled
                 changeButtonDisabled(false);
                 //加载编辑代码