Custom page code for Venture theme

Solved
Highlighted
Tourist
9 1 3

Hello, I am transferring my store from Brooklyn to Venture theme. I have looked up in many places to finally be able to come up with a code to set up my custom page template for one of my product lines in Brooklyn but it is not working on Venture theme. Can someone help with adjusting it for Venture?

<!-- /templates/page.liquid -->
<div class="grid" align="center">

    <header class="section-header text-center">
      <h1>{{ page.title }}</h1>
      <hr class="hr--small">
    </header>
        <div class="rte rte--nomargin rte--indented-images">
          {{ page.content }}
          <p><font size="4"><center><b>Специална колекция</b> с прекрасен медальон изработен от висококачествена неръждаема стоманена сплав. </center></font></p>
          <p><font size="3"><center>Започнете като изберете размера и вида на своя медальон и го добавете в кошницата. </center></font></p>
          <p><font size="3"><center>След това можете да разгледате голямата ни колекция от талисманчета подходящи за всеки повод и да добавите тези, които Ви харесват. </center></font></p>
         <div class="products--centered">
  {% for product in collections["maram-moments"].products %}
    {% include 'product-grid-item' with "maram-moments" %}
   {% endfor %} 
         </div>
         </div>
         </div>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p><font size="3"><center>Изберете и добавете своите талисманчета!</center></font></p>
<p>&nbsp;</p>

<div class="grid">

          <div class="products">
  {% for product in collections["talismans"].products %}
    {% include 'product-grid-item' with "talismans" %}
{% endfor %}
  </div>
        </div>


										
0 Likes
Highlighted
Shopify Partner
2294 116 352

It's important to provide context

What are you trying to accomplish

What is a url to view the working theme

What are related urls to the problem, products,collections,etc

What isn't working

etc. 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes
Highlighted
Tourist
9 1 3

Hello, thank you for the reply.

Here is the error that occurs after the first 3 rows of the page:

Liquid error: Could not find asset snippets/product-grid-item.liquid

 

Here is the look I am trying to achieve that is working on my current theme:

https://www.maram-bg.com/pages/maram-moments

0 Likes
Highlighted
Tourist
9 1 3

I have now changed it to use product-card snippet but the products line up on top of each other. Is there a way to show them in grid style?



 

0 Likes
Highlighted
Tourist
9 1 3

This is an accepted solution.

Hi, I've managed to modify it myself using parts of the collection.liquid and copying them in this page template.

Here is the final look and it is working fine for Venture Theme

<!-- /templates/page.liquid -->
<div class="page-width">

<div class="grid_item" align="center">

    <header class="section-header text-center">
      <h1>{{ page.title }}</h1>
      <hr class="hr--small">
    </header>
        <div class="rte">
          {{ page.content }}
          <p><font size="4"><center><b>Специална колекция</b> с прекрасен медальон изработен от висококачествена неръждаема стоманена сплав. </center></font></p>
          <p><font size="3"><center>Започнете като изберете размера и вида на своя медальон и го добавете в кошницата. </center></font></p>
          <p><font size="3"><center>След това можете да разгледате голямата ни колекция от талисманчета подходящи за всеки повод и да добавите тези, които Ви харесват. </center></font></p>
         <div class="grid grid--no-gutters grid--uniform">
  {% for product in collections["maram-moments"].products %}
                 <div class="grid__item small--one-half medium-up--one-half">
    {% include 'product-card' with "maram-moments" %}
           </div>
   {% endfor %} 
         </div>
         </div>
         </div>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p><font size="3"><center>Изберете и добавете своите талисманчета!</center></font></p>
<p>&nbsp;</p>

<div class="grid_item">

          <div class="products">
  {% for product in collections["talismans"].products %}
                             <div class="grid__item small--one-third medium-up--one-sixth">
    {% include 'product-card' with "talismans" %}
            </div>
{% endfor %}
  </div>
        </div>
</div>

										
1 Like