1. Home
  2. Vogue Template Skin
  3. How to Add “Back to Product Page” Link in Full Window Skin

How to Add “Back to Product Page” Link in Full Window Skin

This guide explains how to add a Back to Product Page link when using the Full Window skin layout.

 Before You Start

This customization requires a template override.

If you are not familiar with template overriding, please read:

How to Override Configurator HTML Template via Child Theme

You must complete that process first before adding the snippet below.

Step 1: Override the Template

Follow this Documentation to:

  1. Locate the template file inside the plugin
  2. Copy the file
  3. Recreate the exact folder path inside your child theme
  4. Paste the file into the child theme
  5. Open the copied file for editing

The folder structure must match exactly.

Step 2: Insert the Snippet

Add the following code where you want the back link to appear:

<div>
<a href="<?php echo esc_url( get_permalink( $wpc->product_id ) ); ?>"
title="<?php esc_attr_e( 'Back to Product', 'text-domain' ); ?>">
<span class="wpc-prev-arrow"></span>
</a>
</div>

 Testing Checklist

Before testing:

  • Template override path is correct
  • File name matches plugin template
  • WooCommerce product is assigned
  • Child theme is active
  • Cache cleared

How can we help?