feihuan 发表于 2025-1-21 11:28:18

shopify独立站文字动态打字效果设置

这期教程给大家分享,shopify独立站文字动态打字效果的设置方法,可对促销文案和广告语设置,吸引客户关注。我们在Tayest模板中增加了文字动态打字效果,该功能可以应用到shopify其他模板中,有需要可以联系我们帮忙添加。下面介绍设置方法:首先进入shopify后台,如下图点击进入模板页面https://www.tayun123.com/wp-content/uploads/2023/11/20231108113258.jpg再点击自定义,进入装修页面https://www.tayun123.com/wp-content/uploads/2023/11/20231128141424.jpg在右侧点击设置,模板设置https://www.tayun123.com/wp-content/uploads/2023/12/20231218223911.jpg进入特效设置,如下图开启打字机效果,就会有动态打字效果,可以自定义设置打字的两段文案。https://www.tayun123.com/wp-content/uploads/2023/12/20231218223946.jpg这里需要注意的是Class的设定,默认是.countdown-title倒计时海报的标题。如果是改成其他位置的文字,只需要找到控制的class样式名称即可。下面介绍一下查找方法:如下图1的位置,选择 Featred product   点击右键审查元素可以定位到下图2的位置,在右侧3的位置可以看到class为 .title.inline-richtext.h2https://www.tayun123.com/wp-content/uploads/2023/12/20231218224442.jpg把这段填入即可在1的位置实现动态打字效果。如下图,设定class,即可显示效果https://www.tayun123.com/wp-content/uploads/2023/12/1112.png动态文字,直接替换成自己的广告语或者促销文案即可。

页: [1]
查看完整版本: shopify独立站文字动态打字效果设置