Product Page

Product Page

The Dropsmart Theme offers a user-friendly and customizable product page designed to showcase your products effectively, drive customer engagement, and optimize conversions. With its minimalist design and various features, you can create a visually appealing and high-converting product page tailored to your brand and target audience.

Product Media

    • Images: You can upload up to 250 images per product in Shopify. It's recommended to use high-quality images, preferably with a white background, to showcase your products in the best possible light. You can also add alt tags to your images to improve SEO.

    • Videos: Shopify allows you to add videos to your product page to give customers a more immersive experience. You can embed videos from YouTube, Vimeo, or any other video hosting platform.

    • 3D Models: If you're selling products that have a unique shape or design, you can use 3D models to give customers a better idea of what they're buying. Shopify supports 3D models in glTF format.

    Blocks

    Block Name Block Settings
    Vendor Type: vendor
    Name: t:settings_schema.dropsmart.product.blocks.vendor
    Limit: 1
    Title Type: title
    Name: t:settings_schema.dropsmart.product.blocks.title
    Limit: 1
    Variant Selector Type: variant_selector
    Name: t:settings_schema.dropsmart.product.blocks.variant_selector
    Limit: 1
    Quantity Type: quantity
    Name: t:settings_schema.dropsmart.product.blocks.quantity
    Limit: 1
    Description Type: description
    Name: t:settings_schema.dropsmart.product.blocks.description
    Limit: 1
    Checkout Buttons Type: checkout_buttons
    Name: Checkout Buttons
    Limit: 1
    Price Type: price
    Name: t:settings_schema.dropsmart.product.blocks.price.name
    Limit: 1
    Settings:
    - Type: header
      Content: t:settings_schema.dropsmart.product.blocks.price.name
    - Type: checkbox
      Id: show_price_variant
      Default: true
      Label: t:settings_schema.dropsmart.product.blocks.price.show_price_variant
    - Type: checkbox
      Id: t:settings_schema.dropsmart.product.blocks.price.show_price_percent
      Default: true
      Label: Mostrar Porcentagem do Desconto.
    - Type: color
      Id: background_color
      Default: #47D266
      Label: t:settings_schema.dropsmart.product.blocks.price.color
    Button Box Type: boxBotao
    Name: t:settings_schema.dropsmart.general.button.name
    Settings:
    - Type: text
      Id: title_button
      Default: Inserir Texto
      Label: t:settings_schema.dropsmart.general.button.title_button
    - Type: url
      Id: link_button
      Label: t:settings_schema.dropsmart.general.button.link
    - Type: select
      Id: style_button
      Label: t:settings_schema.dropsmart.general.button.style_button
      Options: [{value: preenchido, label: t:settings_schema.dropsmart.general.button.filled}, {value: contorno, label: t:settings_schema.dropsmart.general.button.outline}]
      Default: preenchido
    - Type: select
      Id: position_button
      Label: t:settings_schema.dropsmart.general.button.position_button
      Options: [{value: centralizado, label: t:settings_schema.dropsmart.general.centralized}, {value: esquerda, label: t:settings_schema.dropsmart.general.left}, {value: direita, label: t:settings_schema.dropsmart.general.right}]
      Default: centralizado
    HTML Box Type: boxHtml
    Name: HTML
    Settings:
    - Type: html
      Id: html_section
      Label: t:settings_schema.dropsmart.content-midia.blocks.html.code
    Back to blog