jeawin-astro 3.0.35 → 3.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jeawin-astro",
-    "version": "3.0.35",
+    "version": "3.0.37",
     "author": "chaegumi <chaegumi@qq.com>",
     "description": "",
     "license": "MIT",

package/src/components/banner_swiper.astro

@@ -16,16 +16,18 @@ import JeawinApi from "../scripts/cms.js";
 import Button from "./button.astro";
 interface Props {
   tag_name?: string;
-  style_class?: any;
+  style_class?: any; // 包围banner滚动组件的元素class
   show_title?: boolean;
+  slide_class?: any; // 滚动项的元素class
 }
 
 const {url_suffix} = Astro.locals;
 
-const { tag_name, style_class, show_title = false } = Astro.props;
+const { tag_name, style_class, show_title = false,slide_class } = Astro.props;
 
 const TagName = tag_name || "section";
 let StyleClass: any = [];
+let SlideClass: any= [];
 if (style_class) {
   if (_.isArray(style_class)) {
     StyleClass = style_class;
@@ -33,6 +35,13 @@ if (style_class) {
     StyleClass = _.split(style_class, " ");
   }
 }
+if(slide_class){
+  if(_.isArray(slide_class)){
+    SlideClass = slide_class;
+  }else if(_.isString(slide_class)){
+    SlideClass = _.split(slide_class, " ");
+  }
+}
 
 const { jeawin_apikey, jeawin_api_domain, jeawin_api_path, all_langs, base } = Astro.locals;
 const jeawinapi = new JeawinApi({
@@ -56,27 +65,28 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
           mousewheel-force-to-axis="true"
           navigation="true"
           pagination="true"
+          auto-height="true"
         >
           {banners.nodes &&
             banners.nodes.map((banner: any, idx: number) => (
-              <swiper-slide class:list={["swiper-slide", { hidden: idx > 0 }]}>
+              <swiper-slide class:list={["swiper-slide", SlideClass, { hidden: idx > 0 }]}>
                 {show_title && render_value(banner, 'show_text_block', '1') == '1' ? (
                   <div class="relative h-full w-full">
-                  <div class="absolute inset-0 flex items-center justify-center text-white text-center p-4">
-                    <div class="p-2 bg-[rgba(0,0,0,0.5)]">
-                      {
-                        idx > 0 ? (
-                          <div class="text-base md:text-3xl lg:text-4xl">{banner.node_title}</div>
-                        ) : (
-                          <h1 class="text-base md:text-3xl lg:text-4xl">{banner.node_title}</h1>
-                        )
-                      }
-                      <div class="text-xs line-clamp-2 md:line-clamp-none md:text-lg md:mt-4">{render_value(banner, 'sub_title')}</div>
-                      <Button tag_name="a" class="inline-block md:mt-2" href={render_url(render_value(banner, "linkurl"), base, null, url_suffix)} 
-                      title={render_value(banner, 'btntext') || render_value(all_langs, 'read more')}>{render_value(banner, 'btntext') || render_value(all_langs, 'read more')}</Button>
+                    <div class="absolute inset-0 flex items-center justify-center text-white text-center p-4">
+                      <div class="p-2 px-4 bg-[rgba(0,0,0,0.5)] rounded-sm">
+                        {
+                          idx > 0 ? (
+                            <div class="text-base md:text-3xl lg:text-4xl">{banner.node_title}</div>
+                          ) : (
+                            <h1 class="text-base md:text-3xl lg:text-4xl">{banner.node_title}</h1>
+                          )
+                        }
+                        <div class="text-xs line-clamp-2 md:line-clamp-none md:text-lg md:mt-4">{render_value(banner, 'sub_title')}</div>
+                        <Button tag_name="a" class="inline-block md:mt-2" href={render_url(render_value(banner, "linkurl"), base, null, url_suffix)} 
+                        title={render_value(banner, 'btntext') || render_value(all_langs, 'read more')}>{render_value(banner, 'btntext') || render_value(all_langs, 'read more')}</Button>
+                      </div>
+                      
                     </div>
-                    
-                  </div>
                   
                     {idx > 0 ? (
                       <Fragment

package/src/components/blocks/block1.astro

@@ -168,13 +168,13 @@ if (Astro.slots.has("default")) {
             type="button"
             disabled="disabled"
             aria-label="prev"
-            class="scrollToLeftBtn size-9 border transition grid-center data-[icon]:*:size-6 bg-slate-100 border-slate-200 text-slate-900 hover:enabled:border-slate-400 hover:enabled:bg-slate-300 disabled:text-slate-400"
+            class="cursor-pointer scrollToLeftBtn size-9 border transition grid-center data-[icon]:*:size-6 bg-slate-100 border-slate-200 text-slate-900 hover:enabled:border-slate-400 hover:enabled:bg-slate-300 disabled:text-slate-400"
             ><Icon name="fa6-solid:arrow-left" class="mx-auto" /></button
           >
           <button
             type="button"
             aria-label="next"
-            class="scrollToRightBtn size-9 border transition grid-center data-[icon]:*:size-6 bg-slate-100 border-slate-200 text-slate-900 hover:enabled:border-slate-400 hover:enabled:bg-slate-300 disabled:text-slate-400"
+            class="cursor-pointer scrollToRightBtn size-9 border transition grid-center data-[icon]:*:size-6 bg-slate-100 border-slate-200 text-slate-900 hover:enabled:border-slate-400 hover:enabled:bg-slate-300 disabled:text-slate-400"
             ><Icon name="fa6-solid:arrow-right" class="mx-auto" /></button
           >
         </div>

package/src/components/cards/news_grid_card1.astro

@@ -30,6 +30,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class,
   always_show_img,
 } = Astro.props;
 
@@ -72,7 +73,7 @@ const final_content = truncate(content, {
     >
       {category_name}
     </div>
-    <TitleTag class="title-font text-2xl font-medium text-gray-900 mb-3">
+    <TitleTag class:list={["title-font text-2xl font-medium text-gray-900 mb-3", title_class]}>
       <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
     </TitleTag>
 

package/src/components/cards/news_grid_card2.astro

@@ -25,6 +25,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class
 } = Astro.props;
 
 const TitleTag = title_tag || "div";
@@ -44,7 +45,7 @@ const final_content = truncate(content, {
     {category_name}
   </div>
   <TitleTag
-    class="title-font text-2xl font-medium text-gray-900 mb-3"
+    class:list={["title-font text-2xl font-medium text-gray-900 mb-3", title_class]}
   >
     <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
   </TitleTag>

package/src/components/cards/news_grid_card3.astro

@@ -26,6 +26,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class
 } = Astro.props;
 
 const TitleTag = title_tag || "div";
@@ -44,7 +45,7 @@ const final_content = truncate(content, {
     >{category_name}</span
   >
   <TitleTag
-    class="sm:text-3xl text-2xl title-font font-medium text-gray-900 mt-4 mb-4"
+    class:list={["sm:text-3xl text-2xl title-font font-medium text-gray-900 mt-4 mb-4", title_class]}
   >
     <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
   </TitleTag>

package/src/components/cards/news_grid_card4.astro

@@ -26,6 +26,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class
 } = Astro.props;
 
 const TitleTag = title_tag || "div";
@@ -55,7 +56,7 @@ const date = render_date(siteinfo.language_id, publish_time, "DD");
     <div class="tracking-widest text-sm title-font font-medium mb-1">
       {category_name}
     </div>
-    <TitleTag class="title-font text-2xl font-medium text-gray-900 mb-3">
+    <TitleTag class:list={["title-font text-2xl font-medium text-gray-900 mb-3", title_class]}>
       <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
     </TitleTag>
     <p class="leading-relaxed mb-5">

package/src/components/cards/news_grid_card5.astro

@@ -39,6 +39,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class,
   always_show_img,
 } = Astro.props;
 
@@ -80,7 +81,7 @@ const final_content = truncate(content, {
         >{category_name}</a
       >
     </div>
-    <TitleTag class="h4 card-title">
+    <TitleTag class:list={["h4 card-title", title_class]}>
       <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
     </TitleTag>
     <p>{final_content}</p>

package/src/components/cards/news_list_card.astro

@@ -26,6 +26,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class
 } = Astro.props;
 
 const TitleTag = title_tag || "div";
@@ -48,7 +49,7 @@ const final_content = truncate(content, {
         <div class="mb-3 text-sm text-[#6c757d]">{category_name}</div>
       ) : null
     }
-    <TitleTag class="text-2xl mb-3">
+    <TitleTag class:list={["text-2xl mb-3", title_class]}>
       <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
     </TitleTag>
     <div class="mb-3 text-sm text-[#666] leading-relaxed">

package/src/components/cards/news_list_card1.astro

@@ -26,6 +26,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class
 } = Astro.props;
 
 const TitleTag = title_tag || "div";
@@ -46,7 +47,7 @@ const final_content = truncate(content, {
     >
   </div>
   <div class="md:flex-grow">
-    <TitleTag class="text-2xl font-medium text-gray-900 title-font mb-2">
+    <TitleTag class:list={["text-2xl font-medium text-gray-900 title-font mb-2", title_class]}>
       <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
     </TitleTag>
     <p class="leading-relaxed">

package/src/components/comment_form.astro

@@ -117,6 +117,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
   .btn {
     display: inline-block;
     padding: 6px 12px;
+    cursor: pointer;
   }
   .btn-primary {
     color: white;

package/src/components/common_card.astro

@@ -19,7 +19,7 @@ import {
 import DefaultImage from "./default_image.astro";
 import RenderImage from "./image.astro";
 
-const { node, title_tag } = Astro.props;
+const { node, title_tag, title_class } = Astro.props;
 const { siteinfo, base, url_suffix } = Astro.locals;
 
 const TitleTag = title_tag || "div";
@@ -67,7 +67,7 @@ if (render_value(node, "content")) {
     }
   </div>
   <div class="mt-7">
-    <TitleTag class="text-center">
+    <TitleTag class:list={["text-center", title_class]}>
       <a href={render_url(node.node_url, base, null, url_suffix)} title={node.node_title}
         >{node.node_title}</a
       >

package/src/components/detail_images.astro

@@ -121,7 +121,7 @@ const { node_title, nodepics = [], video, view360 } = Astro.props;
                 <div class="flex min-h-[343px] xl:min-h-[605px] w-full">
                   <img src={video.poster} alt={video.title ? video.title : node_title} />
                   <button
-                    class="absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring-3 focus:ring-blue-500 text-white"
+                    class="absolute cursor-pointer w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring-3 focus:ring-blue-500 text-white"
                     x-on:click="openVideo()"
                   >
                     <svg

package/src/components/faq/faq10.astro

@@ -37,7 +37,7 @@ const newArr = _.chunk(block_items, 2);
               <div class="accordion bg-white shadow-[0_2px_10px_-3px_rgba(6,81,237,0.3)] rounded-lg">
                 <button
                   type="button"
-                  class="toggle-button p-6 w-full text-base text-left text-gray-800 flex items-center"
+                  class="cursor-pointer toggle-button p-6 w-full text-base text-left text-gray-800 flex items-center"
                 >
                   <span class="mr-4">{item.title}</span>
                   <svg

package/src/components/faq/faq13.astro

@@ -53,7 +53,7 @@ for (const item of block_items) {
           />
           <button
             type="submit"
-            class="focus:ring-2 focus:ring-offset-2 text-gray-600 focus:text-indigo-700 focus:rounded-full focus:bg-gray-100 focus:ring-indigo-700 bg-white focus:outline-hidden absolute right-0 top-0 mt-5 mr-4"
+            class="cursor-pointer focus:ring-2 focus:ring-offset-2 text-gray-600 focus:text-indigo-700 focus:rounded-full focus:bg-gray-100 focus:ring-indigo-700 bg-white focus:outline-hidden absolute right-0 top-0 mt-5 mr-4"
           >
             <Icon name="fa6-solid:magnifying-glass" class="h-4 w-4" />
           </button>

package/src/components/faq/faq9.astro

@@ -30,7 +30,7 @@ const {
             <button
               type="button"
               class:list={[
-                "toggle-button w-full text-base outline-hidden text-left font-semibold py-6",
+                "cursor-pointer toggle-button w-full text-base outline-hidden text-left font-semibold py-6",
                 { "text-blue-600": idx == 0 },
                 { "text-gray-800": idx > 0 },
                 "hover:text-blue-600 flex items-center",

package/src/components/features-navs/features-navs2.astro

@@ -59,6 +59,7 @@ const {
           <button
             type="button"
             :class={`{
+              'cursor-pointer':true,
               'bg-gray-100':activeTabIndex==${idx}, 
               'hover:border-transparent':activeTabIndex==${idx}, 
               'w-full':true, 

package/src/components/form.astro

@@ -95,7 +95,7 @@ const submitbuttontext = render_value(all_langs, "send message");
             <button
               type="submit"
               id={`submitbtn${form_id}`}
-              class:list={btn_class}
+              class:list={['cursor-pointer',btn_class]}
             >
               {forminfo.submit_button_text || submitbuttontext}
             </button>

package/src/components/formitem/searchinput.astro

@@ -26,7 +26,7 @@ import { Icon } from "astro-icon/components";
       />
       <button
         type="submit"
-        class="absolute right-2 top-2 h-6 w-6 fill-slate-400"
+        class="cursor-pointer absolute right-2 top-2 h-6 w-6 fill-slate-400"
         ><Icon name="fa6-solid:magnifying-glass" /></button
       >
     </div>

package/src/components/hero/hero3.astro

@@ -63,7 +63,7 @@ const BlockTitleTag = block_title_tag;
       <button
         type="submit"
         id="submitbtnsubscribe"
-        class="flex items-center justify-center gap-x-2 py-2.5 px-4 mt-3 w-full text-sm text-white font-medium bg-sky-500 hover:bg-sky-400 active:bg-sky-600 duration-150 rounded-lg sm:mt-0 sm:w-auto"
+        class="cursor-pointer flex items-center justify-center gap-x-2 py-2.5 px-4 mt-3 w-full text-sm text-white font-medium bg-sky-500 hover:bg-sky-400 active:bg-sky-600 duration-150 rounded-lg sm:mt-0 sm:w-auto"
       >
         {render_value(all_langs, "Subscribe")}
         <Icon name="fa6-solid:arrow-right" />

package/src/components/hero/hero5.astro

@@ -72,7 +72,7 @@ const BlockTitleTag = block_title_tag;
           <button
             type="submit"
             id="submitbtnsubscribe"
-            class="outline-hidden bg-gray-700 text-white text-center px-4 py-3 rounded-md shadow-sm w-full ring-offset-2 ring-gray-700 focus:ring-2 sm:w-auto"
+            class="cursor-pointer outline-hidden bg-gray-700 text-white text-center px-4 py-3 rounded-md shadow-sm w-full ring-offset-2 ring-gray-700 focus:ring-2 sm:w-auto"
           >
             {render_value(all_langs, "Subscribe")}
           </button>

package/src/components/hero/hero9.astro

@@ -105,7 +105,7 @@ const {base, url_suffix} = Astro.locals;
           {
             video_html ? (
               <button
-                class="absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring-3 focus:ring-blue-500 text-white"
+                class="cursor-pointer absolute w-16 h-16 rounded-full inset-0 m-auto duration-150 bg-blue-500 hover:bg-blue-600 ring-offset-2 focus:ring-3 focus:ring-blue-500 text-white"
                 x-on:click="openVideo()"
               >
                 <svg
@@ -134,7 +134,7 @@ const {base, url_suffix} = Astro.locals;
           ></div>
           <div class="px-4 relative">
             <button
-              class="w-12 h-12 mb-5 rounded-full duration-150 bg-gray-800 hover:bg-gray-700 text-white"
+              class="cursor-pointer w-12 h-12 mb-5 rounded-full duration-150 bg-gray-800 hover:bg-gray-700 text-white"
               x-on:click="closeVideo()"
             >
               <svg

package/src/components/news_card.astro

@@ -22,6 +22,7 @@ const {
   publish_time,
   hits,
   title_tag,
+  title_class
 } = Astro.props;
 
 const TitleTag = title_tag || "div";
@@ -39,7 +40,7 @@ const TitleTag = title_tag || "div";
   </a>
 
   <div class="text-[var(--themeColor)] mb-2">{category_name}</div>
-  <TitleTag class="mb-3">
+  <TitleTag class:list={["mb-3", title_class]}>
     <a href={render_url(node_url, base, null, url_suffix)} title={title}>{title}</a>
   </TitleTag>
   <div class="flex items-center gap-3 text-[#6c757d] fill-[#6c757d] text-sm">

package/src/components/newsletter.astro

@@ -40,7 +40,7 @@ const {other_btn_class} = Astro.props;
         <button
           type="submit"
           id="submitbtnsubscribe"
-          class:list={["break-keep", ...btn_class, other_btn_class ? other_btn_class : null]}
+          class:list={["break-keep cursor-pointer", ...btn_class, other_btn_class ? other_btn_class : null]}
           >{render_value(all_langs, "Subscribe")}</button
         >
       </div>

package/src/components/newsletters/newsletter1.astro

@@ -57,7 +57,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
         <button
           type="submit"
           id="submitbtnsubscribe"
-          class="break-keep p-2 px-3 rounded-lg font-medium text-white bg-blue-600 hover:bg-blue-500 active:bg-blue-700 duration-150 outline-hidden shadow-md focus:shadow-none sm:px-4"
+          class="cursor-pointer break-keep p-2 px-3 rounded-lg font-medium text-white bg-blue-600 hover:bg-blue-500 active:bg-blue-700 duration-150 outline-hidden shadow-md focus:shadow-none sm:px-4"
         >
           {render_value(all_langs, "Subscribe")}
         </button>

package/src/components/newsletters/newsletter2.astro

@@ -59,7 +59,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
         <button
           type="submit"
           id="submitbtnsubscribe"
-          class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-indigo-600 sm:mt-0 sm:ml-3 sm:w-auto"
+          class="cursor-pointer break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-indigo-600 sm:mt-0 sm:ml-3 sm:w-auto"
         >
           {render_value(all_langs, "Subscribe")}
         </button>

package/src/components/newsletters/newsletter3.astro

@@ -74,7 +74,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
         <button
           type="submit"
           id="submitbtnsubscribe"
-          class="break-keep block w-full py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow-sm sm:w-auto md:w-full"
+          class="cursor-pointer break-keep block w-full py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow-sm sm:w-auto md:w-full"
         >
           {render_value(all_langs, "Subscribe")}
         </button>

package/src/components/newsletters/newsletter4.astro

@@ -72,7 +72,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
         <button
           type="submit"
           id="submitbtnsubscribe"
-          class="break-keep block w-auto py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow"
+          class="cursor-pointer break-keep block w-auto py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow"
         >
           {render_value(all_langs, "Subscribe")}
         </button>

package/src/components/newsletters/newsletter5.astro

@@ -67,7 +67,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
       <button
         type="submit"
         id="submitbtnsubscribe"
-        class="break-keep block w-auto py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow"
+        class="cursor-pointer break-keep block w-auto py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow"
       >
         {render_value(all_langs, "Subscribe")}
       </button>

package/src/components/newsletters/newsletter6.astro

@@ -71,7 +71,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-hidden focus:border-[var(--themeColor600)]"
         />
         <button
-          class="break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-[var(--themeColor600)] sm:mt-0 sm:ml-3 sm:w-auto"
+          class="cursor-pointer break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-[var(--themeColor600)] sm:mt-0 sm:ml-3 sm:w-auto"
         >
           {render_value(all_langs, "Subscribe")}
         </button>

package/src/components/pricings/pricing2.astro

@@ -36,6 +36,7 @@ const {base, url_suffix} = Astro.locals;
         group_plans.map((group: any, idx: number) => (
           <button
             class:list={[
+              "cursor-pointer",
               "tabs-tab",
               { "bg-[var(--themeColor)]": idx == 0 },
               { "text-white": idx == 0 },

package/src/components/pricings/pricing4.astro

@@ -38,6 +38,7 @@ const {base,url_suffix} = Astro.locals;
         group_plans.map((group: any, idx: number) => (
           <button
             class:list={[
+              "cursor-pointer",
               "tabs-tab",
               { "bg-[var(--themeColor)]": idx == 0 },
               { "text-white": idx == 0 },

package/src/components/product_card.astro

@@ -22,6 +22,7 @@ const {
   original_price,
   current_price,
   title_tag,
+  title_class
 } = Astro.props;
 
 const { all_langs, base, url_suffix } = Astro.locals;
@@ -45,7 +46,7 @@ const RequestBtnText = render_value(all_langs, "request a quote");
 
   <div class="p-3">
     <TitleTag
-      class="my-2 text-[#222] hover:text-[#e53e3e] hover:underline"
+      class:list={["my-2 text-[#222] hover:text-[#e53e3e] hover:underline", title_class]}
     >
       <a href={render_url(node_url, base, null, url_suffix)} title={title} class="block text-center"
         >{title}</a

package/src/components/product_category_list.astro

@@ -107,7 +107,7 @@ switch (node_item_component) {
                 </div>
                 <div class="py-4 text-center">
                   <button type="button" 
-                class="flex gap-2 items-center text-slate-400" 
+                class="cursor-pointer flex gap-2 items-center text-slate-400" 
                 x-on:click="expanded = !expanded">
                   <Icon name="fa6-solid:arrow-down" :class="{hidden:expanded}" />
                   <Icon name="fa6-solid:arrow-up" class="hidden" :class="{hidden:!expanded}" /> Toggle Content</button>