Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Non-product content on Product page


Recommended Posts

Site URL: http://www.ipsynergy.co.nz

Hi

I am adding a product page to our website and would like to add some text on the page that has nothing to do with the products (I want to add testimonials).

Does anyone know how to add a text box to the products page.  It's not an option like it is on the other pages.

Thanks in advance for your time.

MIOX

Link to post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

There are several techniques that can be used to do this. It would help us to see what ideally you would like these testimonials to look like. Can you set up a test page and demonstrate how you w

Posted Images

There are several techniques that can be used to do this.

It would help us to see what ideally you would like these testimonials to look like. Can you set up a test page and demonstrate how you want to format the testimonials and give us the URL for the page?

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post

Thanks creedon.  I have attached 2 images: 

1) The first is of the web page with a draft product page

2) The second is of the testimonials I would like to add in a box along the bottom of the screen

I can't see any way to add a box with text in it. Only more products...  

I would also like to add some text along the right hand side of the screen with 'About the Author'

I'd appreciate any ideas.

www.ipsynergy.co.nz

Screen Shot 2021-02-11 at 2.48.32 PM.png

Screen Shot 2021-02-11 at 2.44.03 PM.png

Link to post

Add the following to Settings > Advanced > Code Injection > HEADER.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Add the following to Product Settings > Advanced > Page Header Code Injection for the product page.

<script>

  $( ( ) => {
  
    /*
    
      add content of a page to products page
      
      SS Version : 7.0
      
      Templates  : Montauk ( Julia, Kent, Om )
                   Wells
                   Wexley
                   
                   your template is not listed? then it is not currently
                   supported
      
      */
      
    /* copy value needed for url below from Page Settings > General > URL SLUG
       field. you only need exactly what can be selected from the field */
    
    const url = '[enter page url slug here between single quotes]';
    
    // do not change anything below, there be the borg here
    
    if ( ! $( '#productList' ).length ) return;
    
    const options = { format: 'json', _ : new Date ( ).getTime ( ) };
    
    $.getJSON ( '/' + url, options, function ( data ) {
    
      $( '.col.sqs-col-12.span-12', data.mainContent )
      
        .attr ( 'id', 'tc-products-page-header' )
        
        .prependTo ( '#page' );
        
      } );
      
    } );
    
  </script>

This is for a v7.0 site using multiple templates (see list in code). It may be possible to adapt the code for use elsewhere.

Replace [enter page url slug here] in the code with the URL SLUG for your testimonial page.

Once you have that up and running we can look into the border issue. It would really help to work with the actual product page.

Let us know how it goes.

Edited by creedon
version 3

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...