Read more button HTML

PHOTO

Tue Aug 02 2022 10:31:47 GMT+0000 (Coordinated Universal Time)

Saved by @websensepro #readmore #shopify-product #product-page-customization

<a class="show_hide" >Read More</a>
<div class="read-more">

  Your Product Description
  
</div>

COPY

https://websensepro.com/blog/how-to-add-read-more-button-in-shopify-product-page/

Save snippets that work from anywhere online with our extensions

Comments

More like this

#readmore #shopify-product #product-page-customization

Read more button jquery

<script>
// code by https://websensepro.com

$(document).ready(function () {
    $(".read-more").hide();
    $(".show_hide").on("click", function () {
        var txt = $(".read-more").is(':visible') ? 'Read More' : 'Read Less';
        $(".show_hide").text(txt);
        $(this).next('.read-more').slideToggle(200);
    });
});
</script>

#readmore #shopify-product #product-page-customization

Read more button HTML

Save snippets that work from anywhere online with our extensions

Comments

More like this

Browse more snippets >>

Embed code snippet