Shop Design - "Go to previous page" Button

Store Design
1

Hi

I have added the below to my store to add “Back button”. How can I move this from right side to left side of the page?

Online store > Theme > Sections > product-template.liquid file and add following code where you want to add Back button.

<a href="javascript&colon;history.go(-1)">back</a>

Thank you

Winnie

2

To move your “Back” button from the right side to the left side, you need to apply some CSS styling to control its alignment.

<div class="back-button-wrapper">
  <a href="javascript:history.go(-1)">Back</a>
</div>


.back-button-wrapper {
  text-align: left;
  margin-bottom: 20px; /* optional spacing */
}

.back-button-wrapper a {
  display: inline-block;
  padding: 8px 16px;
  background-color: #f4f4f4;
  color: #333;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.back-button-wrapper a:hover {
  background-color: #e0e0e0;
}